.g_Dtop_xian {
    border-top: 2vw solid #f1f1f1 !important;
}

.g_Dbottom_xian {
    border-bottom: 2vw solid #f1f1f1 !important;
}

.g_Xtop_xian {
    border-top: 1rpx solid #f1f1f1 !important;
}

.g_Xbottom_xian {
    border-bottom: 1rpx solid #f1f1f1 !important;
}

@size_24: 6vw; //24px (414情况下)
@size_20: 5.4vw; //20px (414情况下)
@size_18: 4.8vw; //18px (414情况下)
@size_16: 4.2vw; //16px (414情况下)
@size_14: 3.6vw; //14px (414情况下)
@size_12: 3vw; //12px (414情况下)
@size_10: 2.6vw; //10px (414情况下)
@color_main: #333; //标题黑
@color_font: #aaaaaa; //字体灰
@color_text:#666;//文本颜色
@color_xian: #f5f5f5; //线灰
@color_anniu: #ff4081; //按钮粉
@color_hong: #ff3f4c; //突出红
@color_bg: #f46e6d; //网站主色 
@background: #f4f4f4; //背景颜色
@zoom_16-14: 0.875; //14px (16px情况下)
@zoom_16-12: 0.75; //12px  (16px情况下)
@zoom_16-10: 0.625; //10px (16px情况下)
@zoom_16-8: 0.5; //8px (16px情况下)
//字体
//@font-face {
//  font-family: zk;
//  src: url('../img/ico/zk.ttf');
//}

button {
    &:after {
        border: 0;
        background: none;
    }
}
//动画效果旋转
@keyframes wait {
    0% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
    }
}
//
@keyframes span_list {
    0% {
        background: #999;
    }
    33.3% {
        background: #999;
    }
    34.3% {
        background: #808080;
    }
    66.6% {
        background: #808080;
    }
    67.6% {
        background: #b3b3b3;
    }
    90% {
        background: #b3b3b3;
    }
    100% {
        background: #999;
    }
}
//
@keyframes duo_duo{
    20%{
        transform:scale(1.1,1.1);
    }
    30%{
        transform:scale(1.1,1.1);
    }
    35%{
        transform:rotateZ(2deg);
    }
    40%{
        transform:rotateZ(-2deg);
    }
    45%{
        transform:rotateZ(2deg);
    }
    50%{
        transform:rotateZ(-2deg);
    }
    55%{
        transform:rotateZ(2deg);
    }
    60%{
        transform:rotateZ(-2deg);
    }
    65%{
        transform:rotateZ(2deg);
    }
    70%{
        transform:rotateZ(-2deg);
    }
    75%{
        transform:rotateZ(0deg);
    }
    90%{
        transform:scale(1.1,1.1);
    }
    100%{
        transform:scale(1,1);
    }
}

@keyframes duo_duo2{
    0%{
        transform:scale(1,1);
    }
    5%{
        transform:rotateZ(2deg) scale(1.1,1.1);
    }
    10%{
        transform:rotateZ(-2deg) scale(1.1,1.1);
    }
    15%{
        transform:rotateZ(2deg) scale(1.1,1.1);
    }
    20%{
        transform:rotateZ(-2deg) scale(1.1,1.1);
    }
    25%{
        transform:rotateZ(2deg) scale(1.1,1.1);
    }
    30%{
        transform:rotateZ(-2deg) scale(1.1,1.1);
    }
    35%{
        transform:rotateZ(2deg) scale(1.1,1.1);
    }
    40%{
        transform:rotateZ(-2deg) scale(1.1,1.1);
    }
    55%{
        transform:rotateZ(0deg) scale(1,1);
    }
    100%{
        transform:rotateZ(0deg) scale(1,1);
    }
}
//小熊动画
@keyframes xiao_xiong {
    0% {
        transform:translate(0,0);
    }
    10%{
        transform:translate(-5vw,0);
    }
    60%{
        transform:translate(-5vw,0);
    }
    70% {
        transform:translate(0,0);
    }
}

//
@keyframes fang_da {
    0% {
        transform:scale(0,0);
    }
    40%{
        transform:scale(1.1,1.1);
    }
    60%{
        transform:scale(1,1);
    }
    80% {
        transform:scale(1.1,1.1);
    }
    100%{
        transform:scale(1,1);
    }
}
@keyframes fang_da2 {
    0% {
        transform:scale(1,1);
    }
    30%{
        transform:scale(1.1,1.1);
    }
    100%{
        transform:scale(1,1);
    }
}
//
@keyframes fang_da3 {
    0% {
        transform:scale(0,0) translate(-50%,0);
    }
    40%{
        transform:scale(1.1,1.1) translate(-50%,0);
    }
    60%{
        transform:scale(1,1) translate(-50%,0);
    }
    80% {
        transform:scale(1.1,1.1) translate(-50%,0);
    }
    100%{
        transform:scale(1,1) translate(-50%,0);
    }
}
@keyframes luo_1 {
    0% {
        transform:translate(0,0) scale(0.3,0.3);
        opacity:1;
    }
    100%{
        transform:translate(0,3vw) scale(1,1);
        opacity:0;
    }
}
@keyframes up{
    0% {
        transform:translate(-0,0);
        opacity:1;
    }
    100%{
        transform:translate(0,-2vw);
        opacity:0.6;
    }
}
@keyframes up2{
    0% {
        transform:translate(0,0);
    }
    25%{
        transform:translate(0,-1vw);
    }
    75%{
        transform:translate(0,1vw);
    }
    100%{
        transform:translate(0,0);
    }
}
@keyframes up3{
    0% {
        transform:translate(-0,0);
        opacity:0;
    }
    10% {
        opacity:1;
    }
    100%{
        transform:translate(0,1vw);
        opacity:0;
    }
}
@keyframes up4{
    0% {
        transform:translate(-0,0);
        opacity:0;
    }
    10% {
        opacity:1;
    }
    100%{
        transform:translate(0,-1vw);
        opacity:0;
    }
}
@keyframes zhuan_1{
    0% {
        transform:translate(0,0);
//      transform:rotateY(0);
    }
    5%{
        transform:translate(0,-2vw);
//      transform:rotateY(360deg);
    }
    10%{
        transform:translate(0,0);
//      transform:rotateY(360deg);
    }
    100%{
        transform:translate(0,0);
//      transform:rotateY(360deg);
    }
}
//飘落
@keyframes piao_1{
    0% {
        bottom:110vh;
        transform:translate(0,0);
    }
    2%{
        transform:translate(-10vw,0);
        bottom:90vh;
    }
    50%{
        transform:translate(5vw,0);
        bottom:40vh;
    }
    100%{
        transform:translate(-5vw,0);
        bottom:-10vh;
    }
}
@keyframes piao_2{
    0% {
        bottom:110vh;
        transform:translate(0,0);
    }
    2%{
        transform:translate(10vw,0);
        bottom:90vh;
    }
    50%{
        transform:translate(-5vw,0);
        bottom:40vh;
    }
    100%{
        transform:translate(5vw,0);
        bottom:-10vh;
    }
}
@keyframes piao_3{
    0% {
        bottom:110vh;
        transform:translate(0,0);
    }
    50%{
        transform:translate(-5vw,0);
        bottom:60vh;
    }
    100%{
        transform:translate(5vw,0);
        bottom:-10vh;
    }
}
@keyframes piao_4{
    0% {
        bottom:110vh;
        transform:translate(0,0);
    }
    50%{
        transform:translate(5vw,0);
        bottom:60vh;
    }
    100%{
        transform:translate(-5vw,0);
        bottom:-10vh;
    }
}
@keyframes piao_5{
    0% {
        transform:rotateZ(0deg);
    }
    25%{
        transform:rotateZ(30deg);
    }
    50%{
        transform:rotateZ(0deg);
    }
    75%{
        transform:rotateZ(-30deg);
    }
    100%{
        transform:rotateZ(0deg);
    }
}
@keyframes piao_6{
    0% {
        transform:rotateZ(0deg);
    }
    25%{
        transform:rotateZ(-30deg);
    }
    50%{
        transform:rotateZ(0deg);
    }
    75%{
        transform:rotateZ(30deg);
    }
    100%{
        transform:rotateZ(0deg);
    }
}
@keyframes soll2{
    0%{
        transform:translate(0,0);
    }
    99.9%{
        transform:translate(200%,0);
    }
    100%{
        transform:translate(0,0);
    }
}
@keyframes soll3{
    0%{
        background-position:left 0 bottom 30vw;
    }
    99.99%{
        background-position:left -200vw bottom 30vw;
    }
    100%{
        transform:translate(0,0);
    }
}





.css4 {
    transition: all 0.15s;
}
.css5 {
    transition: all 0.3s;
}
.css3 {
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.css2 {
    transition: all 0.06s;
}
.css1{
    transition: all 0.1s;
}
.overflow{
    overflow: hidden;
}


/**app.wxss**/

.g_float {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height:12vw;
    overflow: hidden;
    text-align: center;
    background: #fff;
    border-top: 1px solid #f6f6f6;
    z-index: 9;
    .icon{
        float: left;
        width:4rem;
        height:4rem;
        margin-left:4vw;
        margin-top:0.3rem;
        text-align: center;
        font-size:@size_12;
        color:@color_font;
        img{
            width:60%;
            margin-left:20%;
        } 
    }
    .an{
        float:left;
        color:#fff;
        background:#00d2c3;
//      border-radius:5vw;
        height:12vw;
        line-height:12vw;
        text-align: center;
        width:100%;
        font-size:@size_16;
    }
    navigator {
        display: inline-block;
        width: 30vw;
        margin: 0 40rpx;
        icon {
            margin: 8rpx 0 8rpx 60rpx;
        }
        text {
            text-align: center;
            width: 160rpx;
            display: block;
            font-size: 25.34rpx;
            color: #333;
        }
        &.on {
            text {
                color: #00d2c3;
            }
        }
    }
    &.hide {
        bottom: -120rpx;
    }
    .container {
        width: 92vw;
        margin: 0;
        padding: 2vw 4vw;
        position: fixed;
        bottom: 0;
        left: 0;
        height:8vw;
        overflow: hidden;
        background: #fff;
        border-top: 1px solid #f6f6f6;
        z-index: 2;
        .input {
            line-height: 8vw;
            height: 8vw;
            box-sizing: border-box;
            border: 1px solid #eee;
            border-radius: 4vw;
            overflow: hidden;
            font-size: @size_14;
            float: left;
            outline: none;
            text-align: left;
            padding: 0 3vw;
            color: @color_main;
            background: #f7f7f7;
            width:40vw;
            margin-right:5vw;
        }
        .ove {
            overflow: hidden;
        }
        .le,
        .ri {
            display: none;
            float: left;
            color: @color_main;
            font-size: @size_14;
            line-height: 6vw;
            height: 6vw;
            margin-top: 2vw;
            background: none;
        }
        .ri {
            float: right;
            color: @color_font;
        }
        .ri.on {
            color: #00D2C3;
        }
    }
    .bg {
        position: absolute;
        background: rgba(0, 0, 0, 0.6);
        z-index: -1;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        display: none;
    }
}

.g_float.type_2 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: none;
    height:18vw;
    height: 100%;
    .container .input{
    }
    .head,.fan,.fen,.coll{
        float: left;
        width:8vw;
        height:8vw;
        margin:0 4vw 0 0;
        display:block;
        background-size:90%;
        background-repeat: no-repeat;
        background-position: center center;
        background-color:#fff;
    }
    .head {
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/head_1.png');
    }
    .fan {
        margin:0 3vw 0 2vw;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fan_1.png');
    }
    .fen{
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fen_1.png');
    }
    .coll{
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/iocn_21.png');
        margin:0;
    }
    .coll.on{
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/iocn_22.png');
    }
    &.get{
        .container{
            height:14vw;
        }
    }
}

.g_float.type_2.on {
    .container {
        padding: 0 4vw 9vw 4vw;
        height: 18vw;
        .le,
        .ri {
            display: block;
        }
        .input {
            margin-top: 3vw;
            border-radius: 1vw;
            height: 12vw;
            line-height: 12vw;
            width:100%;
        }
        .head,.fan,.fen{
            display:none;
        }
    }
    .bg {
        display: block;
    }
}

.g_float navigator icon,
.g_float navigator image {
    width: 40rpx;
    height: 40rpx;
    display: block;
}

.g_float_2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    .fd {
        position: absolute;
        width: 100%;
        padding: 2vw 5%;
        height: 12vw;
        z-index: 9;
        bottom: 0;
        left: 0;
        box-sizing: border-box;
        overflow: hidden;
        background: #fff;
        box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.1);
        input {
            width: 70%;
            padding: 0 3%;
            float: left;
            line-height: 8vw;
            height: 8vw;
            font-size: 25.34rpx;
            color: #101010;
            border-radius: 30rpx;
            border: 1rpx solid #f1f1f1;
        }
        .placeholder {
            color: #8bc2be;
        }
        button {
            float: right;
            width: 20%;
            border-radius: 30rpx;
            box-sizing: border-box;
            outline: none;
            border: 1rpx solid #f1f1f1;
            text-align: center;
            color: #bfbfbf;
            font-size: 25.34rpx;
            background: #fff;
            line-height: 8vw;
            height: 8vw;
            &.on {
                background: #ff4a73;
                color: #fff;
            }
        }
    }
    .bg {
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.8);
        z-index: 1;
        position: fixed;
        display: none;
    }
    &.on {
        .bg {
            display: block;
        }
    }
}
.g_float_3,.g_float_4{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index:10;
    background:#fff;
    height:14vw;
    width:100%;
    box-sizing: border-box;
    box-shadow:0px 0px 8px rgba(0,0,0,0.1);
    .iocn{
        width:14vw;
        float: left;
        margin-left:7.33vw;
        text-align: center;
        position:relative;
        overflow: hidden;
        image{
            width:5vw;
            height:5vw;
            display: block;
            margin:2vw 0 1vw 4.5vw;
        }
        text{
            display: block;
            line-height:5vw;
            text-align: center;
            color:@color_font;
            font-size:@size_12;
        }
        button{
            width:100%;
            height:14vw;
            position:absolute;
            z-index:2;
            opacity:0;
            top:0;
            left:0;
        }
        &.type_1{
            margin-left:3vw;
        }
    }
    .wrds{
        float: left;
        font-size:@size_16;
        color:@color_text;
        line-height:14vw;
        padding-left:3vw;
        text{
            margin-left:0.5vw;
            font-size:@size_12;
        }
    }
    navigator.type_2,>button.type_1,>button.type_2,.type_3,.type_4,.type_5,.type_6{
        background-image: linear-gradient(to right, #fec216 0%,  #fd8e4a 100%);
        color:#fff;
        text-align: center;
        line-height:14vw;
        font-size:@size_16;
        height:14vw;
        float:right;
        width:64vw;
        border-radius:0;
        border:0;
        &.on{
            background:#eee;
            color:@color_text;
            pointer-events:none;
        }
    }
    navigator.type_2,>button.type_2{
        width:25vw;
    }
    navigator.type_2:first-of-type{
        background:#ff6599;
    }
    .type_3{
        width:32vw;
        font-size:@size_16;
    }
    .type_4{
        width:64vw;
        .text,.qian{
            line-height:5vw;
            height:5vw;
            font-size:@size_16;
            .b{
                display:inline-block;
                font-size:@size_16;
            }
        }
        .qian{
            margin-top:2vw;
            font-size:@size_12;
        }
    }
    .type_5{
        width:64vw;
    }
    .type_6{
        padding:0;
        width:34vw;
        background-image: linear-gradient(to right, #ff892e 0%,  #e14500 100%);
        &.back{
            width:30vw;
            background-image: linear-gradient(to right, #fec216 0%,  #fc9c15 100%);
        }
        &.get{
            animation: fang_da2 1s linear 0s 1;
            width:30vw;
            background-image: linear-gradient(to right, #fec216 0%,  #fc9c15 100%);
        }
    }
    .color_1{
        background-image: linear-gradient(to right, #F1228B 0%,  #FC673D 100%);
    }
    &.on{
        height:22vw;
    }
}
.g_float_4{
    navigator.type_1,navigator.type_2,.type_5{
        width:80vw;
        font-size:@size_16;
    }
    navigator.type_2{
        width:20vw;
        background:#fff !important;
        color:@color_font;
        float: left;
    }
    >button.type_1,>button.type_2{
        width:80%;
    }
    navigator.type_3,button.type_3,button.type_4{
        background:#ff0100;
        color:#fff;
        text-align: center;
        line-height:11vw;
        font-size:@size_16;
        height:11vw;
        float:left;
        width:90%;
        border-radius:6vw;
        margin:1.5vw 0 0 5vw;
    }
    button.type_4{
        background:#fd8e4a;
    }
    .type_5{
        background:#00D2C3;
        height:14vw;
        line-height:14vw;
        color:#fff;
        border-radius:0;
        text-align: center;
    }
    navigator.off,button.off{
        background:#f1f1f1 !important;
        color:#9d9d9d !important;
    }
}
.g_float_5{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index:80;
    width: 100%;
    height:16vw;
    background:#fff;
    box-shadow:0px 0px 2vw rgba(0,0,0,0.15);
    navigator,.navigator{
        float: left;
        width:20vw;
        text-align: center;
        button{
            padding:0;
            background:none;
        }
        .img{
            width:10vw;
            height:10vw;
            margin:1vw 0 0 4.5vw;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_1_1.png');
            background-size:100% 100%;
        }
        text{
            font-size:@size_12;
            display: block;
            color:#8593a4;
            line-height:4vw;
        }
        &:nth-of-type(2){
            .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_2_1.png');
            }
        }
        &:nth-of-type(3){
            .img{
                background-color:#fff;
                box-shadow:0px -0.5vw 2vw rgba(0,0,0,0.1);
                border-radius:50%;
                width:16vw;
                height:16vw;
                margin:-6vw 0 1vw 2vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/coterie/tab_1.png');
                background-size:14vw 14vw;
                background-repeat:no-repeat;
                background-position: center top 1vw; 
            }
        }
        &:nth-of-type(3).type_1 .img{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/coterie/tab_2.png');
        }
        &:nth-of-type(4){
            .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_4_1.png');
            }
        }
        &:nth-of-type(5){
            .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_5_1.png');
            }
        }
        &.on{
            .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_1.png');
            }
            text{
                color:#5e6772;
            }
        }
        &:nth-of-type(2).on{
            .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_2.png');
            }
        }
        &:nth-of-type(3).on{
            .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_3.png');
            }
        }
        &:nth-of-type(4).on{
            .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_4.png');
            }
        }
        &:nth-of-type(5).on{
            .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_5.png');
            }
        }
        &.do{
            .img{
                animation: duo_duo 2s linear 0.3s infinite;
            }
        }
    }
    &.type_1{
        navigator,.navigator{
            .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_6.png');
            }
            &:nth-of-type(2) .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_7.png');
            }
            &:nth-of-type(3) .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_11.png');
            }
            &:nth-of-type(3).type_1 .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/coterie/tab_0.png');
            }
            &:nth-of-type(4) .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_12.png');
            }
            &:nth-of-type(5) .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_10.png');
            }
            &.on{
                .img{
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_6_1.png');
                }
                text{
//                  color:#FF4923;
                    color:#00D2C3;
                }
            }
            &:nth-of-type(2).on .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_7_1.png');
            }
            &:nth-of-type(3).on .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_11_1.png');
            }
            &:nth-of-type(4).on .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_12_1.png');
            }
            &:nth-of-type(5).on .img{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fl_10_1.png');
            }
        }
    }
    &.on{
        height:22vw;
    }
}

.g_float_6{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index:80;
    width: 100%;
    height:16vw;
    background:#fff;
    box-shadow:0px 0px 2vw rgba(0,0,0,0.15);
    button{
        width:94vw;
        margin:2vw 0 0 3vw;
        height:12vw;
        line-height:12vw;
        border-radius:6vw;
        display: block;
        background:none;
        font-size:@size_16;
        text-align: center;
        color:#fff;
        background: #fea406;
        image{
            width:6vw !important;
            height:6vw;
            display:inline-block;
            vertical-align:text-top;
        }
    }
}

/**公共窗口**/

.g_window {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    transform: translate(-100%, 0);
    &.on {
        transform: translate(0, 0);
    }
}
.g_bg{
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
}

.g_banner {
    width: 100vw;
    height: 50.8vw;
    display: block;
    image {
        width: 100%;
        height: 100%;
        display: block;
    }
}

.g_comment {
    .g_Ctitle {
        width: 100%;
        display: block;
        box-sizing: border-box;
        padding: 0 5%;
        height: 100rpx;
        line-height: 100rpx;
        color: #101010;
        font-size: 32.58rpx;
        font-weight: bold;
        border-bottom: 1rpx solid #f1f1f1;
        margin-bottom: 30rpx;
    }
    .g_Cul {
        display: block;
        .g_Cli {
            width: 100%;
            overflow: hidden;
            display: block;
            padding-bottom: 30rpx;
            padding: 0 5%;
            box-sizing: border-box;
            .g_Ctop {
                width: 100%;
                overflow: hidden;
                display: block;
                .g_Cimg {
                    float: left;
                    width: 7vw;
                    height: 7vw;
                    border-radius: 50%;
                    margin-right: 1vw;
                    overflow: hidden;
                    image {
                        width: 100%;
                        height: 100%;
                        display: block;
                    }
                }
                .g_Cname {
                    height: 7vw;
                    line-height: 7vw;
                    font-size: 25.34rpx;
                    color: #ff9800;
                    width: 60vw;
                    float: left;
                }
                .g_Ctime {
                    text-align: right;
                    float: left;
                    width: 20vw;
                    height: 7vw;
                    line-height: 7vw;
                    color: #bfbfbf;
                    font-size: 21.72rpx;
                }
            }
            .g_Cwords {
                font-size: 28.96rpx;
                color: #101010;
                line-height: 46rpx;
                margin: 10rpx 0 20rpx 8vw;
                padding-bottom: 20rpx;
                display: block;
                width: 75vw;
                overflow: hidden;
                border-bottom: 1rpx solid #f1f1f1;
            }
        }
    }
}
.g_bottom{
    padding-bottom:24vw !important;
}
.wxParse-section{
    padding:0 !important;
}
.g_frame{
    z-index:100;
    .fd{
        width:70vw;
        position:absolute;
        z-index:2;
        left:15vw;
        top:40%;
        overflow: hidden;
        background:#fff;
        border-radius:2vw;
        transform:translate(0,-50%);
    }
    .h1{
        font-size:@size_16;
        color:@color_main;
        line-height:20vw;
        text-align: center;
    }
    p{
        color:@color_font;
        line-height:6vw;
        font-size:@size_14;
    }
    .get,.off{
        float: left;
        width:50%;
        box-sizing: border-box;
        height:12vw;
        text-align: center;
        line-height:12vw;
        font-size:@size_16;
    }
    .get{
        background:#00D2C3;
        color:#fff;
    }
    .off{
        color:@color_text;
    }
}




















/**index.wxss**/

.index {
    padding-bottom: 100rpx;
    box-sizing: border-box;
    min-height: 100vh;
    background: @color_xian;
    .top {
        display: block;
        width: 100%;
        height: 38.1vw;
        position: relative;
        .search {
            display: block;
            width: 80%;
            height: 80rpx;
            border-radius: 4rem;
            overflow: hidden;
            position: absolute;
            background: rgba(255, 255, 255, 0.9);
            top: 19vw;
            left: 10%;
            margin-top: -40rpx;
            input {
                width: 87%;
                height: 80rpx;
                line-height: 80rpx;
                float: left;
                color: #333;
                font-size: 28.96rpx;
            }
            a {
                width: 13%;
                background: none;
                border: 0;
                float: left;
                height: 80rpx;
                image {
                    width: 60rpx;
                    height: 60rpx;
                    float: left;
                    margin-left: 15rpx;
                    margin-top: 13rpx;
                }
            }
        }
        image {
            width: 100%;
            height: 38.1vw;
            display: block;
        }
    }
    .middle {
        background: #fff;
        overflow: hidden;
        border-bottom: 20rpx solid #f5f5f5;
        .ul {
            width: 100%;
            .li {
                float: left;
                overflow: hidden;
                width: 20%;
                margin: 2% 6.66% 2% 6.66%;
                text {
                    line-height: 40rpx;
                    text-align: center;
                    color: #333;
                    font-size: 28.96rpx;
                    width: 100%;
                    display: block;
                }
            }
        }
    }
    .bottom {
        border-bottom: 20rpx solid #f5f5f5;
    }
    .placeholder {
        color: #8bc2be;
    }
}

.index .middle .ul .li icon,
.index .middle .ul .li image {
    width: 80%;
    height: 14vw;
    margin-left: 10%;
}

.index .middle .ul .li icon,
.index .middle .ul .li image,
.index .middle .ul .li text {
    pointer-events: none;
}

.index .bottom,
.index .bottom image {
    width: 100%;
    height: 54vw;
}


/**首页列表**/

.index_list {
    .title {
        overflow: hidden;
        border-bottom: 1rpx solid #f1f1f1;
        .left {
            float: left;
            margin: 0 0 0 4%;
            height: 80rpx;
            width: 6%;
            image {
                float: left;
                width: 15rpx;
                height: 30rpx;
                margin-top: 26rpx;
            }
        }
        text {
            width: 80%;
            float: left;
            line-height: 80rpx;
            text-align: center;
            color: #ff4a73;
            font-weight: bold;
            font-size: 36.2rpx;
        }
    }
    .search {
        .left {
            float: left;
            margin: 0 0 0 4%;
            height: 60rpx;
            width: 6%;
            display: none;
            image {
                float: left;
                width: 15rpx;
                height: 30rpx;
                margin-top: 16rpx;
            }
        }
        view {
            line-height: 60rpx;
            border-radius: 20rpx;
            overflow: hidden;
            border: 1rpx solid #f1f1f1;
            margin: 26rpx 0 8rpx 0%;
            width: 84%;
            margin-left: 8%;
        }
        input {
            width: 92%;
            height: 60rpx;
            line-height: 60rpx;
            float: left;
            color: #454545;
            font-size: 32.58rpx;
        }
        .a {
            display: block;
            width: 8%;
            background: none;
            border: 0;
            float: left;
            height: 44rpx;
            image {
                width: 50rpx;
                height: 50rpx;
                float: left;
                margin-top: 1rpx;
                margin-left: 5rpx;
            }
        }
    }
    .list {
        .li {
            width: 100%;
            padding: 3%;
            box-sizing: border-box;
            overflow: hidden;
            border-bottom: 1rpx solid #f1f1f1;
            .img {
                width: 17.5vw;
                height: 17.5vw;
                float: left;
                border: 1rpx solid #f1f1f1;
                image {
                    width: 100%;
                    height: 100%;
                    display: block;
                }
            }
            .right {
                float: right;
                width: 76.5%;
                .bt {
                    width: 100%;
                    font-size: 36.2rpx;
                    height: 60rpx;
                    line-height: 60rpx;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                }
                .name_list {
                    width: 100%;
                    overflow: hidden;
                    line-height: 39.82rpx;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    font-size: 25.34rpx;
                    color: #bfbfbf;
                }
                .crowd_list {
                    width: 100%;
                    overflow: hidden;
                    text {
                        margin-left: 20rpx;
                        font-size: 25.34rpx;
                        color: #4d4d4d;
                        float: left;
                        height: 40rpx;
                        line-height: 47rpx;
                        &:first-of-type {
                            margin: 0;
                        }
                        &:before {
                            content: '';
                            width: 40rpx;
                            height: 40rpx;
                            float: left;
                        }
                        &.type_1 {
                            &:before {
                                background: url('http://m.tiexinxiaohu.com/mina/eat/img/dian_1.png') no-repeat left center;
                                background-size: 30rpx;
                            }
                        }
                        &.type_2 {
                            background: url('http://m.tiexinxiaohu.com/mina/eat/img/dian_2.png') no-repeat left center;
                            background-size: 30rpx;
                        }
                        &.type_3 {
                            background: url('http://m.tiexinxiaohu.com/mina/eat/img/dian_3.png') no-repeat left center;
                            background-size: 30rpx;
                        }
                        &.type_4 {
                            background: url('http://m.tiexinxiaohu.com/mina/eat/img/dian_4.png') no-repeat left center;
                            background-size: 30rpx;
                        }
                    }
                }
            }
        }
    }
    .placeholder {
        color: #8bc2be;
    }
}

.SearchDetail {
    margin-bottom: 12vw;
    border-bottom: 15rpx solid #f1f1f1;
    background: #fff;
    .top {
        width: 100%;
        box-sizing: border-box;
        padding: 0 5%;
        .name {
            display: block;
            margin: 20rpx 0;
            font-weight: bold;
            line-height: 40rpx;
            .title {
                font-size: 28.96rpx;
                font-weight: 400;
            }
        }
        .name_list {
            width: 100%;
            overflow: hidden;
            view {
                overflow: hidden;
                width: 100%;
                margin-top: 0.3rem;
                line-height: 5.5vw;
                text text {
                    color: #333;
                }
            }
        }
        .words {
            padding: 15rpx 0 25rpx 0;
            display: block;
            overflow: hidden;
            .title {
                float: left;
                padding: 5rpx 10rpx;
                border-radius: 10rpx;
                background: #8d55ec;
                color: #fff;
                font-size: 25.34rpx;
                margin-top: 10rpx;
            }
            .wrds {
                float: left;
                width: 100%;
                margin-top: 16rpx;
                font-size: 25.34rpx;
                color: #101010;
                line-height: 5.5vw;
            }
        }
    }
    .middle {
        .li {
            width: 100%;
            box-sizing: border-box;
            padding: 0 5%;
            overflow: hidden;
            border-bottom: 15rpx solid #f1f1f1;
            .title {
                width: 100%;
                box-sizing: border-box;
                padding-left: 7%;
                line-height: 80rpx;
                height: 80rpx;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 32.58rpx;
                color: #101010;
                display: block;
                font-weight: bold;
                border-bottom: 1rpx solid #f1f1f1;
                &.type_1 {
                    background: url('http://m.tiexinxiaohu.com/mina/eat/img/dian_1.png') no-repeat left center;
                    background-size: 34rpx;
                }
                &.type_2 {
                    background: url('http://m.tiexinxiaohu.com/mina/eat/img/dian_2.png') no-repeat left center;
                    background-size: 34rpx;
                }
                &.type_3 {
                    background: url('http://m.tiexinxiaohu.com/mina/eat/img/dian_3.png') no-repeat left center;
                    background-size: 34rpx;
                }
                &.type_4 {
                    background: url('http://m.tiexinxiaohu.com/mina/eat/img/dian_4.png') no-repeat left center;
                    background-size: 34rpx;
                }
            }
            .wrds {
                width: 100%;
                display: block;
                font-size: 28.96rpx;
                color: #101010;
                line-height: 55rpx;
                min-height: 50rpx;
                padding:25rpx 0;
                border-bottom: 1px solid #f1f1f1;
            }
        }
    }
}

.SearchDetail .top .name .wrds,
.SearchDetail .top .name .title {
    display: block;
    font-size: 46rpx;
    line-height: 50rpx;
}

.SearchDetail .top .name_list text,
.SearchDetail .top .name_list view {
    float: left;
    font-size: 25.34rpx;
    color: #bfbfbf;
    margin-right: 15rpx;
}

.contact {
    padding-bottom: 12vw;
    image {
        width: 100%;
        height: 161vw;
    }
}

#begin {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: 11;
    overflow: hidden;
}

.begin-show {
    width: 100vw;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 8;
    background: url('http://resource.160nurse.com/canvas/healthy/img/image/bg_7.jpg');
    background-size: 100% 100%;
}

.begin-show:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    background: url('http://resource.160nurse.com/canvas/healthy/img/image/bg_8.png');
    background-size: 100%;
    width: 100%;
    height: 148vw;
}

.begin-show:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 3;
    left: 10vw;
    top: 3vh;
    background: url('http://resource.160nurse.com/canvas/healthy/img/image/title_2.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 80vw;
    height: 40vw;
}

.begin-show-content,.begin-show-content2 {
    position: absolute;
    left: 50%;
    bottom:46vw;
    width: 36vw;
    height: 17vw;
    line-height: 17vw;
    transform: translate(-50%, -50%);
    background: url('http://resource.160nurse.com/canvas/healthy/img/common/an_yes_7.png');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 9;
    font-size: @size_20;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.begin-show-content2{
    bottom: 26vw;
    background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/an_yes_11.png');
}

.ioce_list {
    position: absolute;
    bottom: 3vw;
    height: 26vw;
    box-sizing: border-box;
    padding-top: 3vw;
    text-align: center;
    z-index: 4;
    width: 94vw;
    left: 3vw;
    box-sizing: border-box;
    border-radius: 4vw;
    background: rgba(255, 255, 255, 0.7);
    display: block;
    navigator,button{
        width: 18vw;
        float: left;
        font-weight: 200;
        margin: 0 0 0 4vw;
        position: relative;
        view {
            display: block;
            margin-left: 1.5vw;
            width: 15vw;
            height: 15vw;
            box-sizing: border-box;
            border-radius: 50%;
            overflow: hidden;
            background: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_23.png');
            background-size: 100%;
            icon {
                width: 13vw;
                height: 13vw;
                margin: 1vw 0 0 1vw;
                background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_12.png');
                background-size: 100% 100%;
            }
        }
        text {
            width: 100%;
            margin: 0;
            line-height: 6vw;
            color: #472b00;
            opacity: 0.8;
            font-size: 12px;
            text-align: center;
            font-family: "微软雅黑";
        }
    }
    button{
        padding:0;
        outline:none;
        background:rgba(0,0,0,0);
        view{
            margin-bottom:-4vw;
            icon {
                margin-left:0;
            }
        }
    }
    navigator.on view:after,button.on view:after{
        content: '';
        width: 2vw;
        height: 2vw;
        position: absolute;
        top: 0.5vw;
        right: 1.4vw;
        background: #FF0000;
        border-radius: 50%;
        overflow: hidden;
        display: block;
    }
    navigator:nth-of-type(2) view icon {
        background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_30.png');
    }
    navigator:nth-of-type(3) view icon {
        background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_31.png');
    }
    button view icon{
        background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_7.png');
    }
    &.type_1 {
        a span {
            background: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_24.png');
            background-size: 100%;
        }
    }
    &.on {
        animation: box_up 1s linear 0s 1;
        -moz-animation: box_up 1s linear 0s 1;
        -webkit-animation: box_up 1s linear 0s 1;
        -o-animation: box_up 1s linear 0s 1;
    }
}

.ti_mu_list {
    position: fixed;
    z-index: 20;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    .fd {
        transition: all 0.6s;
        -moz-transition: all 0.6s;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        padding: 0 5vw;
        position: absolute;
        transform: translate(0, 70vh);
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 70vh;
        overflow: hidden;
        box-sizing: border-box;
        .h1 {
            position: relative;
            margin: 16vw 0 0 0;
            font-weight: 400;
            height: 10vw;
            line-height: 10vw;
            border-bottom: 1px solid @color_xian;
            .p {
                float: left;
                margin: 0;
                font-size: 12px;
            }
            .tp {
                position: absolute;
                left: calc(~'50% - 10vw');
                top: -11vw;
                width: 20vw;
                height: 20vw;
                overflow: hidden;
                border-radius: 50%;
                box-sizing: border-box;
                border: 0.2rem solid #fff;
                background-color: #24CCAA;
                background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_6.png');
                background-size: 90%;
                background-repeat: no-repeat;
                background-position: center center;
            }
            .x {
                float: right;
                width: 7vw;
                height: 7vw;
                background: url('http://resource.160nurse.com/canvas/healthy/img/common/cha.png');
                background-size: 100%;
                margin-top: 1vw;
                opacity: 0.3;
            }
        }
        .ul {
            width: 100%;
            height: calc(~'70vh - 29vw');
            padding: 0;
            list-style: none;
            margin: 3vw 0 0 0;
            overflow: auto;
            navigator {
                width: 100%;
                height: 27vw;
                box-sizing: border-box;
                padding: 2vw 3vw 0 3vw;
                overflow: hidden;
                background: #ff842f;
                border-radius: 1rem;
                margin-bottom: 3vw;
                box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15);
                cursor: pointer;
                .tp {
                    float: left;
                    width: 18vw;
                    height: 18vw;
                    margin-top: 2.5vw;
                    border-radius: 50%;
                    overflow: hidden;
                    background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_21.png');
                    background-size: 100%;
                }
                .wrds {
                    width: 45vw;
                    float: left;
                    margin: 0 0 0 3vw;
                    overflow: hidden;
                    .h2 {
                        margin: 0;
                        font-size: 4vw;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        height: 24px;
                        line-height: 24px;
                        color: #fff;
                    }
                    .p {
                        line-height: 14px;
                        height: 56px;
                        font-size: 3vw;
                        color: #fff;
                        margin: 0;
                        overflow: hidden;
                        word-break: break-all;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 4;
                    }
                }
                .button {
                    float: right;
                    width: 15vw;
                    height: 6vw;
                    line-height: 6vw;
                    text-align: center;
                    border-radius: 3vw;
                    overflow: hidden;
                    background: #fff;
                    color: #ff842f;
                    margin-top: 9vw;
                    font-size: 2.6vw;
                }
            }
            navigator:nth-of-type(2) {
                background: #24ccaa;
                .button {
                    color: #24ccaa;
                }
                .tp {
                    background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_16.png')
                }
            }
            navigator:nth-of-type(3) {
                background: #fb5053;
                .button {
                    color: #fb5053;
                }
                .tp {
                    background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_14.png')
                }
            }
            navigator:nth-of-type(4) {
                background: #ffb936;
                .button {
                    color: #ffb936;
                }
                .tp {
                    background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_25.png')
                }
            }
            navigator:nth-of-type(5) {
                background: #21a4ff;
                .button {
                    color: #21a4ff;
                }
                .tp {
                    background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_15.png')
                }
            }
            navigator:nth-of-type(6) {
                background: #a05fe2;
                .button {
                    color: #a05fe2;
                }
                .tp {
                    background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_18.png')
                }
            }
            navigator:nth-of-type(7) {
                background: #fb50a5;
                .button {
                    color: #fb50a5;
                }
                .tp {
                    background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_19.png')
                }
            }
            navigator:nth-of-type(8) {
                background: #37ddc9;
                .button {
                    color: #37ddc9;
                }
                .tp {
                    background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_20.png')
                }
            }
            navigator:nth-of-type(9) {
                background: #f77665;
                .button {
                    color: #f77665;
                }
                .tp {
                    background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_22.png')
                }
            }
            navigator:nth-of-type(10) {
                background: #04b400;
                .button {
                    color: #04b400;
                }
                .tp {
                    background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_21.png')
                }
            }
            navigator:nth-of-type(11) {
                background: #df4d73;
                .button {
                    color: #df4d73;
                }
                .tp {
                    background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_21.png')
                }
            }
            .h4 {
                margin: 0;
                line-height: 2rem;
                font-weight: 400;
                text-align: center;
                color: @color_font;
                font-size: @size_12;
            }
        }
    }
    .fd:after {
        content: '';
        position: absolute;
        top: 3rem;
        left: 0;
        width: 100%;
        background: #fff;
        height: calc(~'100% - 2.5rem');
        border-radius: 1rem 1rem 0 0;
        z-index: -1;
        display: block;
    }
    .bg {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
    }
}

.ti_mu_list.on {
    display: block;
    .fd.on {
        transform: translate(0, 0);
    }
}

.news_list {
    background: #F1F1F1;
    position: absolute;
    width: 100%;
    min-height:100vh;
    box-sizing: border-box;
    padding-bottom:26vw;
    .hd {
        width: 100%;
        border-bottom: 1px solid @color_xian;
        position: fixed;
        top:0;
        left:0;
        z-index:2;
        width:100%;
        overflow: hidden;
        height: 10vw;
        background: #fff;
        .hd_box {
            width: 100%;
            float: left;
            box-sizing: border-box;
            position: absolute;
            left: 0;
            top: 0;
            padding: 0;
            .ul {
                height: 10vw;
                line-height: 10.5vw;
                margin: 0;
                padding: 0 3%;
                list-style: none;
                text-align: center;
                justify-content: space-between;
                overflow: hidden;
                display: flex;
                view {
                    font-size: @size_14;
                    text-align: center;
                    margin: 0 2vw;
                    text {
                        color: @color_main;
                        position: relative;
                        display: block;
                    }
                }
                view.on {
                    line-height: 11vw;
                    text {
                        color: #00D2C3;
                        font-weight: bold;
                        font-size: @size_16;
                        transition: all 0.4s;
                        -moz-transition: all 0.4s;
                        -webkit-transition: all 0.4s;
                        -o-transition: all 0.4s;
                    }
                }
            }
        }
    }
    .bd {
        padding-top:10vw;
        .ove_scroll {
            width: 100%;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
        }
        .list {
            overflow: auto;
            margin: 0;
            -webkit-overflow-scrolling: touch;
            >view {
                width: 94%;
                margin: 3vw;
                background: #fff;
                position: relative;
                border-radius: 0.6rem;
                overflow: hidden;
                navigator {
                    display: block;
                    overflow: hidden;
                }
                .bt,
                .wb {
                    width: 59%;
                    height: 12vw;
                    line-height: 6vw;
                    font-size: @size_14;
                    color: @color_main;
                    float: right;
                    overflow: hidden;
                    word-break: break-all;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                }
                .bt {
                    box-sizing: border-box;
                    padding-right: 2vw;
                    margin-top: 1vw;
                    text-overflow: ellipsis;
                }
                .wb {
                    display: none;
                    font-size: @size_12;
                    color: @color_font;
                    text-indent: calc(@size_12 ~' *2');
                }
                .tp {
                    width: 38%;
                    height: 22.8vw;
                    overflow: hidden;
                    float: left;
                    position: relative;
                    view {
                        width: 100%;
                        height: calc(~'((100vw - 6vw) * 0.38) / 1.5625');
                        float: left;
                        overflow: hidden;
                        display: none;
                        position: relative;
                        border-radius: 0.6rem 0 0 0.6rem;
                        image {
                            width: 100%;
                            height: 100%;
                        }
                    }
                    view:first-of-type {
                        display: block;
                    }
                }
                .tab {
                    float: right;
                    width: 58%;
                    margin: 0;
                    overflow: hidden;
                    padding-right: 3vw;
                    view {
                        float: left;
                        box-sizing: border-box;
                        border: 1px solid #61d269;
                        color: #61d269;
                        padding: 0 1vw;
                        height: 4vw;
                        font-size: @size_10;
                        line-height: 3.5vw;
                        margin-left: 2vw;
                        border-radius: 3vw;
                    }
                }
                .tb {
                    overflow: hidden;
                    float: right;
                    line-height: 5vw;
                    width: 58%;
                    text {
                        float: left;
                        font-size: @size_10;
                        color: @color_font;
                        padding-left: 5vw;
                        margin-right: 2vw;
                        background-position: left center;
                        background-repeat: no-repeat;
                        background-size: 4vw;
                    }
                    text:first-of-type {
                        padding: 0;
                    }
                    text:nth-of-type(2) {
                        background-image: url('');
                    }
                    text:nth-of-type(3) {
                        background-image: url('');
                    }
                }
                .wz {
                    overflow: hidden;
                    width: 59%;
                    box-sizing: border-box;
                    padding-right: 1rem;
                    float: right;
                    line-height: 10vw;
                    height: 8vw;
                    margin-top: 1vw;
                    .span {
                        font-size: @size_10;
                        color: #00D2C3;
                        border-radius: 0.2rem;
                        padding: 0 0.3rem;
                        display: none;
                        image {
                            width: 5vw;
                            float: left;
                            margin: 2vw 2vw 0 0;
                        }
                    }
                    .span,
                    .p {
                        float: left;
                        height: 1.4rem;
                    }
                    .p {
                        padding-top: 0.5vw;
                        margin: 0;
                        color: @color_font;
                        font-size: @size_10;
                        line-height: 5vw;
                        margin-left: 3vw;
                        .em {
                            vertical-align: middle;
                            display: inline-block;
                            font-style: normal;
                            zoom: 1.2;
                            margin-top: 0.2rem;
                        }
                    }
                    .p:first-of-type {
                        margin: 0;
                    }
                }
            }
            .li.on1 {
                box-sizing: border-box;
                padding: 1vw 3vw 2vw 3vw;
                .bt {
                    font-size: @size_16;
                    white-space: nowrap;
                    margin: 2vw 0 1vw 0;
                }
                .bt,
                .wb {
                    width: 100%;
                    float: left;
                    height: auto;
                    display: block;
                    text-align: left;
                }
                .tab {
                    width: auto;
                    margin: 4vw 0 0 0;
                    padding: 0;
                    view {
                        margin: 0 0 0 2vw;
                        border: 1px solid #ccc;
                        color: @color_font;
                    }
                }
                .wb {
                    text-align: left;
                    display: -webkit-box;
                    margin: 0 0 2vw 0;
                    line-height: 4vw;
                }
                .tp {
                    width: 100%;
                    height: 20vw;
                    view {
                        width: 33%;
                        height: calc(~'((100vw - 6vw) * 0.33) / 1.5625');
                        margin-left: 0.5%;
                        display: block;
                        border-radius: 0;
                    }
                    view:first-of-type {
                        margin-left: 0;
                        border-radius: 0.6rem 0 0 0.6rem;
                    }
                    view:nth-of-type(3) {
                        border-radius: 0 0.6rem 0.6rem 0;
                    }
                }
                .wz {
                    width: auto;
                    float: left;
                    view {
                        display: block;
                    }
                    text:first-of-type {
                        margin-left: 0.8rem;
                    }
                }
            }
        }
        .list.off:after {
            content: '别拉了~，已经没有了~';
            width: 100%;
            height: 4rem;
            line-height: 4rem;
            text-align: center;
            display: block;
            color: @color_font;
            border-bottom: 1px solid @color_xian;
        }
    }
}

.news_detail {
    width: 100%;
    min-height: 100vh;
    background: @color_xian;
    padding-bottom: 10vw;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    .container {
        margin-bottom: 1rem;
    }
    .bt {
        >text {
            line-height: 8vw;
            max-height: 16vw;
            font-weight: bold;
            width: 100%;
            overflow: hidden;
            font-size: @size_18;
            color: @color_main;
            word-break: break-all;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }
    }
    .bt.type_1 {
        box-sizing: border-box;
        padding: 5vw 3vw 3vw 3vw;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
        max-height: auto;
        background: #fff;
    }
    .container.type_1 {
        margin: 2vw 0 0 0;
        padding: 0.5rem 3vw 0 3vw !important;
        background: #fff;
    }
    .time {
        color: @color_font;
        font-size: @size_12;
        overflow: hidden;
        margin: 4vw 0 0 0;
        text {
            font-weight: 400;
            display: inline-block;
            margin-right: 1vw;
            zoom: @zoom_16-12;
        }
    }
    .dl_nr {
        padding: 5vw 0;
        font-size: @size_14;
        line-height: 6vw;
    }
}

.g_ping_lun {
    padding: 3vw 3vw 0 3vw;
    background: #fff;
    .p_bt {
        margin: 0;
        font-size: @size_16;
        font-weight: 400;
        line-height: 8vw;
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid @color_xian;
        text {
            color: @color_main;
            //          border-bottom:1px solid @color_anniu;
            float: left;
            zoom: @zoom_16-14;
        }
    }
    .ul {
        padding: 0;
        margin: 0;
        list-style: none;
        .li {
            width: 100%;
            overflow: hidden;
            margin-top: 3vw;
            padding-bottom: 3vw;
            border-bottom: 1px solid @color_xian;
            .p_ti {
                width: 100%;
                overflow: hidden;
                .p_tp {
                    float: left;
                    width: 10vw;
                    height: 10vw;
                    overflow: initial;
                    position: relative;
                    image {
                        border-radius: 50%;
                        width: 100%;
                        height: 100%;
                    }
                }
                .p_tp.on:before {
                    position: absolute;
                    right: -0.5rem;
                    top: 0;
                    z-index: 2;
                    content: '';
                    width: 1rem;
                    height: 1rem;
                    background-size: 1rem;
                }
                .p_left {
                    width: 50%;
                    float: left;
                    margin-top: 0.4vw;
                    margin-left: 1vw;
                    color: @color_font;
                    .p_name {
                        width: 100%;
                        height: 4vw;
                        line-height: 4vw;
                        font-size: @size_12;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap
                    }
                    .p_time {
                        height: 1.3rem;
                        line-height: 1.4rem;
                        font-size: @size_16;
                        zoom: @zoom_16-10;
                        overflow: hidden;
                        image {
                            float: left;
                            margin-left: 0.3rem;
                            margin-top: 0.1rem;
                            width: 1rem;
                        }
                        image:first-of-type {
                            margin-left: 0;
                        }
                        .p_right_time {
                            float: right;
                        }
                    }
                }
                .p_left.type_1 {
                    width: 87%;
                    float: right;
                    margin-left: 0;
                }
                .p_right {
                    width: 4vw;
                    height: 4vw;
                    float: right;
                    margin-top: 1vw;
                    image {
                        width: 100%;
                        height: 100%;
                    }
                }
            }
            .p_wz {
                font-size: @size_14;
                line-height: 6vw;
                color: @color_main;
                margin: 0 0 0 10vw;
                span {
                    color: @color_font;
                }
            }
            .p_wz.on {
                -webkit-line-clamp: inherit;
            }
            .p_list {
                display: block;
                color: @color_main;
                font-size: @size_16;
                zoom: @zoom_16-14;
                margin: 0.8rem 0 0 3.8rem;
                padding: 1rem 1rem 0rem 1rem;
                background: @background;
                border-radius: 0.4rem;
                overflow: hidden;
                div {
                    overflow: hidden;
                    padding-bottom: 1rem;
                    img {
                        border-radius: 50%;
                        height: 2rem;
                        width: 2rem;
                        float: left;
                        margin: 0 0.3rem 0 0;
                    }
                }
                span {
                    color: #0078f3;
                }
                p {
                    line-height: 2rem;
                    margin: 0;
                    display: inline-block;
                }
                i {
                    font-style: normal;
                }
                a {
                    float: right;
                    color: @color_font;
                    margin-left: 1rem;
                    line-height: 1.35rem;
                    font-size: @size_16;
                    zoom: @zoom_16-12;
                    margin-top: 0.5rem;
                    span {
                        color: @color_font;
                        margin-right: 1rem;
                    }
                    img {
                        width: 1.3rem;
                        float: right;
                        margin: 0.1rem 0 0 0.4rem;
                        height: 1.2rem;
                    }
                }
            }
            .p_d_tp {
                width: 80%;
                margin-left: 12%;
                padding: 1rem 0;
                span {
                    float: left;
                    width: 31%;
                    margin-left: 3.5%;
                    img {
                        width: 100%;
                    }
                }
                span:first-of-type {
                    margin-left: 0;
                }
            }
        }
        li:first-of-type {}
    }
    ul.on {
        padding: 0 0 15rem 0;
        background: url(../img/g_img/nores.png) no-repeat center bottom 1rem;
        background-size: 16rem;
    }
    .p_kong {
        color: @color_font;
        font-size: @size_16;
        zoom: @zoom_16-12;
        line-height: 4rem;
        text-align: left;
        vertical-align: middle;
        margin: 0;
        img {
            width: 1.4rem;
            float: left;
            margin: 1.4rem 0.5rem 0 36%;
        }
    }
}

.audio {
    position: fixed;
    top: 3vw;
    right: 3vw;
    z-index: 20;
    width: 8vw;
    height: 8vw;
    animation: wait 10s linear 0s infinite;
    background-image: url('http://resource.160nurse.com/canvas/healthy/img/common/tb_35.png');
    background-size: 100%;
    background-color: none;
    border: 0;
    outline: none;
}

.audio.off {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

.g_head{
    position: fixed;
    z-index: 15;
    width: 100%;
    box-sizing: border-box;
    padding: 0 4vw;
    overflow: hidden;
    top: 0;
    left: 0;
    navigator,
    button {
        background-color: rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        float: left;
        width: 8vw;
        height: 8vw;
        padding: 0;
        border: 0;
        background-size: 70%;
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
        margin: 0 3vw 0 0;
    }
    .head {
        background-image: url('http://resource.160nurse.com/1.0/img/g_img/head_1.png');
    }
    .fan {
        background-image: url('http://resource.160nurse.com/1.0/img/g_img/head_2.png');
    }
    .fen {
        float: right;
        margin:0;
        background-image: url('http://resource.160nurse.com/1.0/img/g_img/head_3.png');
    }
    .xu{
        float: right;
        margin: 0;
        background-image: url('http://resource.160nurse.com/1.0/img/g_img/head_6.png');
    }
    .rule {
        line-height: 8vw;
        text-align: center;
        color: #fff;
        width: 18vw;
        border-radius: 20vw 0 0 20vw;
        font-size: 3vw;
        height:8vw;
        line-height:8vw;
        position: absolute;
        right: 0;
        top: 0;
        background: linear-gradient(to right,#FFB937,#FD8E4A);
    }
}

.g_head.type_1 {
    top: 3vw;
    navigator,
    button {
        background-color: rgba(0, 0, 0, 0.3);
    }
}

.g_button{
    position:fixed;
    opacity:0;
    z-index:999;
    left:0;
    top:0;
    display: block;
    width:100vw;
    height:100vh;
}

.complete{
    padding-bottom:14vw;
    .top{
        padding:0 0 1rem 0;
        .tp{
            width:100%;
            overflow: hidden;
            background:url('http://m.160nurse.com/canvas/bg_4.png');
            background-size:100%;
            background-repeat:no-repeat;
            background-position:top center;
            image{
                width:48vw;
                height:48vw;
                margin-left:26vw;
                }
        }
        .wrds{
            margin-top:3vw;
            padding:0 14vw;
            color:#878787;
            font-weight:bold;
            font-size:@size_16;
            line-height:7vw;
        }
        .wrds:before,.wrds:after{
            display:inline-block;
            content:'';
            background-image:url('http://m.160nurse.com/canvas/tab_3.png');
            background-size:100%;
            background-position:top center;
            background-repeat:no-repeat;
            width:3vw;
            vertical-align: baseline;
            height:4vw;
            margin-right:1vw;
        }
        .wrds:after{
            background-image:url('http://m.160nurse.com/canvas/tab_4.png');
            background-position:bottom center;
            margin:0 0 0 0.5vw; 
        }
    }
    .middle{
        padding-top:6vw;
        background:url('http://m.160nurse.com/canvas/tiao_1.png');
        background-repeat:no-repeat;
        background-size:66%;
        background-position:top 25vw center;
        overflow: hidden;
        padding-bottom:8vw;
        .list{
            overflow: hidden;
            width:70%;
            padding-top:4vw;
            box-sizing: border-box;
            height:10vw;
            margin-left:15%;
            display:flex;
            text-align: center;
//          justify-content: space-between;
            navigator{
                box-sizing: border-box;
                width:12%;
                margin:0 0.25%;
                display:table-cell;
                font-size:2vw;
                color:#00D2C3;
                background:#ddfffd;
                line-height:5vw;
                height:5vw;
                border-radius:2vw;
            }
        }
        .tiao{
            padding:0 10%;
            margin-top:6vw;
            overflow: hidden;
            >text{
                float: left;
                width:8%;
                color:#ffb937;
                font-size:@size_14;
                text-align: center;
                line-height:4vw;
            }
            view{
                width:84%;
                margin:0;
                float: left;
                border-radius:2vw;
                height:4vw;
                background:#eee;
                overflow: hidden;
                text{
                    display: block;
                    width:100%;
                    height:inherit;
                    border-radius:2vw;
                    background-image: linear-gradient(to right, #00d2c3 0vw, #ffb937 33.6vw, #c3201f 67.2vw); 
                }
            }
        }
    }
    .bottom{
        .ol{
            overflow: hidden;
            text-align: center;
            padding:2vw 8vw 0 8vw;
            navigator{
                display:inline-block;
                width:14vw;
                height:14vw;
                border-radius: 50%;
                overflow: hidden;
                box-sizing: border-box;
                image{
                    width:100%;
                    height:100%;
                }
            }
        }
        .ul{
            overflow: hidden;
            padding:4vw 16vw 3vw 16vw;
            navigator{
                float: left;
                width:18%;
                height:12.24vw;
                margin-left:2.5%;
                margin-bottom:2.5%;
                background-size:100% 100%;
                background-blend-mode:screen;
                background-position:center center;
                border-radius: 50%;
                overflow: hidden;
            }
            navigator:first-of-type{
                background-image:url('http://m.160nurse.com/canvas/bz_1.png');
                margin-left:0;
            }
            navigator:nth-of-type(2){
                background-image:url('http://m.160nurse.com/canvas/bz_2.png');
            }
            navigator:nth-of-type(3){
                background-image:url('http://m.160nurse.com/canvas/bz_3.png');
            }
            navigator:nth-of-type(4){
                background-image:url('http://m.160nurse.com/canvas/bz_4.png');
            }
            navigator:nth-of-type(5){
                background-image:url('http://m.160nurse.com/canvas/bz_5.png');
            }
            navigator:nth-of-type(6){
                background-image:url('http://m.160nurse.com/canvas/bz_6.png');
                 margin-left:0;
            }
            navigator:nth-of-type(7){
                background-image:url('http://m.160nurse.com/canvas/bz_7.png');
            }
            navigator:nth-of-type(8){
                background-image:url('http://m.160nurse.com/canvas/bz_8.png');
            }
            navigator:nth-of-type(9){
                background-image:url('http://m.160nurse.com/canvas/bz_9.png');
            }
            navigator:nth-of-type(10){
                background-image:url('http://m.160nurse.com/canvas/bz_10.png');
            }
            navigator:first-of-type.type_1{
                background-image:url('http://m.160nurse.com/canvas/bz_1_1.png');
            }
            navigator:nth-of-type(2).type_1{
                background-image:url('http://m.160nurse.com/canvas/bz_2_1.png');
            }
            navigator:nth-of-type(3).type_1{
                background-image:url('http://m.160nurse.com/canvas/bz_3_1.png');
            }
            navigator:nth-of-type(4).type_1{
                background-image:url('http://m.160nurse.com/canvas/bz_4_1.png');
            }
            navigator:nth-of-type(5).type_1{
                background-image:url('http://m.160nurse.com/canvas/bz_5_1.png');
            }
            navigator:nth-of-type(6).type_1{
                background-image:url('http://m.160nurse.com/canvas/bz_6_1.png');
            }
            navigator:nth-of-type(7).type_1{
                background-image:url('http://m.160nurse.com/canvas/bz_7_1.png');
            }
            navigator:nth-of-type(8).type_1{
                background-image:url('http://m.160nurse.com/canvas/bz_8_1.png');
            }
            navigator:nth-of-type(9).type_1{
                background-image:url('http://m.160nurse.com/canvas/bz_9_1.png');
            }
            navigator:nth-of-type(10).type_1{
                background-image:url('http://m.160nurse.com/canvas/bz_10_1.png');
            }
            navigator:first-of-type.type_2{
                background-image:url('http://m.160nurse.com/canvas/bz_1_2.png');
            }
            navigator:nth-of-type(2).type_2{
                background-image:url('http://m.160nurse.com/canvas/bz_2_2.png');
            }
            navigator:nth-of-type(3).type_2{
                background-image:url('http://m.160nurse.com/canvas/bz_3_2.png');
            }
            navigator:nth-of-type(4).type_2{
                background-image:url('http://m.160nurse.com/canvas/bz_4_2.png');
            }
            navigator:nth-of-type(5).type_2{
                background-image:url('http://m.160nurse.com/canvas/bz_5_2.png');
            }
            navigator:nth-of-type(6).type_2{
                background-image:url('http://m.160nurse.com/canvas/bz_6_2.png');
            }
            navigator:nth-of-type(7).type_2{
                background-image:url('http://m.160nurse.com/canvas/bz_7_2.png');
            }
            navigator:nth-of-type(8).type_2{
                background-image:url('http://m.160nurse.com/canvas/bz_8_2.png');
            }
            navigator:nth-of-type(9).type_2{
                background-image:url('http://m.160nurse.com/canvas/bz_9_2.png');
            }
            navigator:nth-of-type(10).type_2{
                background-image:url('http://m.160nurse.com/canvas/bz_10_2.png');
            }
            navigator.type_1{
                box-shadow:1px 1px 5px rgba(255,104,0,0.4);
            }
            navigator.type_2{
                box-shadow:1px 1px 5px rgba(255,0,0,0.4);
            }
        }
        .input{
            position:relative;
            width:84vw;
            margin:1rem 8vw 2vw 8vw;
            .x{
                display:none;
                position:absolute;
                background:url('http://m.160nurse.com/canvas/cha.png');
                background-size:70%;
                background-repeat:no-repeat;
                background-position:center center;
                width:8vw;
                height:8vw;
                right:0;
                top:0;
                z-index:2;
                cursor:pointer;
                opacity:0.6;
            }
        }
        input{
            border:0;
            padding:0 4vw;
            outline:none;
            width:100%;
            line-height:8vw;
            height:8vw;
            background:none;
            box-sizing: border-box;
            border-bottom:1px solid #eee;
            color:@color_main;
            font-size:@size_14;
            font-weight:400;
            text-align: center;
        }
        input::-webkit-input-placeholder { 
            color:#d1d1d1;
        } 
        input:-moz-placeholder { 
            color:#d1d1d1;
        } 
        input:-ms-input-placeholder { 
            color:#d1d1d1;
        }
        .input:before{
            content:'';
            display: block;
            height:1px;
            background:@color_font;
            position:absolute;
            bottom:0.07rem;
            left:0;
            width:0;
            transition: all 1s;
            -moz-transition: all 1s;
            -webkit-transition: all 1s;
            -o-transition: all 1s;
        }
        .input:hover:before{
            width:100%;
        }
        .input:hover{
            .x{
                display:block;
            }
        }
        .name{
            margin-right:10vw;
            font-size:@size_12;
            text-align:right;
        }
    }
    .ewm{
        width:20vw;
        height:20vw;
        margin:2rem 0 0 40vw;
        image{
            width:100%;
            width:100%;
        }
    }
    .h3{
        margin:0;
        font-weight:400;
        height:8vw;
        line-height:8vw;
        display:block;
        color:#fff;
        background-image: linear-gradient(to bottom, #ffb937 0%, #ff6800 100%); 
        box-shadow:1px 1px 2px rgba(107,50,0,0.5);
        border-radius:4vw;
        text-align: center;
        width:26vw;
        margin-left:37vw;
        font-size:@size_12;
    }
    .h4{
        width:100%;
        text-align: center;
        margin:0;
        font-weight: 400;
        display: block;
        color:@color_main;
        font-size:@size_12;
        line-height:10vw;
    }
}
.audio{
    position:fixed;
    top:3vw;
    right:3vw;
    z-index:20;
    width:8vw;
    height:8vw;
    animation: wait 10s linear 0s infinite;
    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/tb_35.png');
    background-size:100%;
}
.audio.off{
    animation-play-state:paused;
    -webkit-animation-play-state:paused;
}
.Panking_list,.Panking_personal{
    .top{
        width:100vw;
        height:55vw;
        overflow: hidden;
        position: relative;
        >image{
            position:absolute;
            z-index:1;
            width:100%;
            height:55vw;
            left:0;
            bottom:2px;
        }
        .bg{
            position: absolute;
            bottom:2px;
            left:0;
            width:100%;
            z-index:2;
            height:100%;
            background:rgba(0,0,0,0.2);
        }
        &.type_1:before{
            content:'';
            width:100%;
            position:absolute;
            z-index:4;
            height:6vw;
            border-radius:6vw 6vw 0 0;
            background:#fff;
            left:0;
            bottom:0;
        }
    }    
}
.Panking_list{
    min-height:100vh;
    width:100vw;
    -webkit-overflow-scrolling:touch;
    overflow: auto;
    padding-top:5vw;
    padding-bottom:26vw;
    box-sizing: border-box;
    background-image: linear-gradient(to bottom, #00d2c3 0%,  #f1f1f1 100%);
	.top{
	    height:40vw;
	    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/tb_47.png');
        background-size:76vw;
        background-position:bottom right -10vw;
        background-repeat:no-repeat;
		.fd{
		    position: absolute;
		    z-index:2;
		    left:5vw;
		    bottom:5vw;
		    overflow: hidden;
		    padding-top:8.7vw;
		    width:100%;
		    .wrds{
                padding:0;
                box-sizing: border-box;
                overflow: hidden;
                margin:4vw 0 2vw 0;
                height:12vw;
                line-height:6vw;
                float: left;
                width:70%;
                margin-left:3vw;
                color:#fff;
                font-size:@size_14;
                text-shadow:0 0 2px rgba(0,0,0,0.4);
		    }
			.tp{
			    float: left;
			    width:18vw;
			    height:18vw;
			    border-radius:50%;
			    overflow: hidden;
			    box-sizing: border-box;
			    position:relative;
			    border:1vw solid #ffb937;
			    image{
			        width:110%;
			        height:110%;
			        transform:translate(-5%,-5%);
			    }
			}
			.name,text{
			    float: left;
			    width:100%;
			    height:6vw;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			    overflow: hidden;
			}
			.name{
			    font-size:@size_18;
			}
		}
		.fd:before{
		    position:absolute;
		    z-index:3;
		    top:5vw;
		    left:11.5vw;
		    width:8vw;
		    height:7vw;
		    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/tb_40.png');
		    background-size:100%;
		    content:'';
		    display: block;
		}
		&.type_2{
		    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/tb_46.png');
		}
	}
	.list{
	    overflow: hidden;
	    width:90%;
        margin:-1px 0 0 5vw;
	    padding-bottom:1vw;
	    background-color:#fff;
	    border-radius:0 0 1.5vw 1.5vw;
	    display:none;
		.li{
		    width:100%;
		    padding:1.5vw 0 1.5vw 2vw;
		    box-sizing: border-box;
		    border-top:1px solid @color_xian;
		    overflow: hidden;
		    background-image:url('http://resource.160nurse.com/1.0/img/g_img/san_jiao_6.png');
            background-size:1.5vw 3.16vw;
            background-repeat:no-repeat;
            background-position:right 5vw center;
			.num{
			    float: left;
			    width:12vw;
			    line-height:12vw;
                font-size:4vw;
                text-align:center;
                box-sizing: border-box;
                padding-right:1.5vw;
			}
			.img{
			    float: left;
			    width:10vw;
			    height:10vw;
			    margin-top:1vw;
			    image{
			        width:100%;
			        height:100%;
			        border-radius: 50%;
			    }
			}
			.right{
			    width:16vw;
			    margin-left:3vw;
			    float: left;
			    padding:1vw 0;
				.name,.wrds{
				    width:100%;
				    float: left;
				    line-height:5vw;
				    height:5vw;
				    white-space: nowrap;
				    text-overflow: ellipsis;
				    overflow: hidden;
				    font-size:@size_14;
				    color:@color_main;
				}
				.wrds{
				    color:@color_font;
				    font-size:@size_10;
				}
				&:before{
				    content:'';
				    width:8vw;
				    height:8vw;
				    display: none;
				    position:absolute;
				    left:14vw;
				    top:3.5vw;
				    background-image:url('http://resource.160nurse.com/canvas/healthy/img/coterie/star_3.png');
				    background-size:100%;
				    background-repeat:no-repeat;
				    background-position:top left;
				}
			}
			.zan{
			    float:left;
			    width:12vw;
			    height:12vw;
			    margin-left:2vw;
			    padding:0;
			    position:relative;
			    cursor:pointer;
			    pointer-events:auto;
			    background:none;
			    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_3.png');
			    background-size:5vw 5vw;
			    background-repeat:no-repeat;
			    background-position:top 2vw center;
			    .span{
			        left:-1.5vw;
			        top:-1.5vw;
			        position:absolute;
			        font-size:@size_12;
			        color:@color_text;
			        text-align: center;
			        box-sizing: border-box;
			        padding-top:8vw;
			        width:15vw;
			        height:15vw;
			        pointer-events:none;
			    }
			    &:after,&:before,& .span:after,& .span:before{
			        pointer-events:none;
			        position:absolute;
			        content:'';
			        opacity:0;
			        width:6vw;
			        height:6vw;
			        z-index:1;
			        background-repeat:no-repeat;
			        transition: all 0.15s; 
                    -moz-transition: all 0.15s; 
                    -webkit-transition: all 0.15s;
                    -o-transition: all 0.15s;
			    }
			    &:after{
			        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_5.png');
			        background-size:6vw 3.13vw;
			        background-position:left 0 top 0.5vw;
			        top:2vw;
                    left:0;
			    }
			    &:before{
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_1.png');
                    background-size:5vw 3.42vw;
                    background-position:right 0 top 0;
                    top:1vw;
                    right:1vw;
                }
                & .span:after{
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_6.png');
                    background-size:2vw 3.78vw;
                    background-position:left 0 bottom 0;
                    bottom:4vw;
                    left:5vw;
                }
                & .span:before{
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_4.png');
                    background-size:3vw 3vw;
                    background-position:right 0 bottom 0;
                    bottom:2vw;
                    right:3vw;
                }
			    &.on,&.aimin{
			        pointer-events:none;
			        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_2.png');
			        &:after,&:before,& .span:after,& .span:before{
			            opacity:0;
			            transform:scale(1,1);
			            animation: luo_1 1s linear 0s 1;
			        }
			        &:after{
                        top:0vw;
                        left:-3vw;
                    }
                    &:before{
                        top:-1vw;
                        right:-2vw;
                    }
                    & .span:after{
                        bottom:2vw;
                        left:3vw;
                    }
                    & .span:before{
                        bottom:0;
                        right:1vw;
                    }
                    .span{
                        color:#d05252;
                    }
			    }
			}
			.step{
			    overflow: hidden;
			    float: right;
                max-width:24vw;
                height:12vw;
                line-height:12vw;
                font-size:@size_18;
                color:@color_text;
                white-space: nowrap;
                text-overflow: ellipsis;
                margin-right:9vw;
                .b{
                    display:inline-block;
                    font-size:@size_14;
                    margin-left:0.3vw;
                }
			    image{
			        float: left;
			        margin:4.4vw 0 0 0;
			        width:4vw;
			        height:4vw;
//			        display:none;
			    }
			}
			&:first-of-type{
			    border:0;
			}
			&:first-of-type,&:nth-of-type(2),&:nth-of-type(3){
			    .step{
                    color:#00D2C3;
                }
			}
		}
		.li.type_1{
		    padding:3vw 3vw 3vw 2vw;
		    margin:0;
		    width:100%;
		    border-radius:0;
		    border-bottom:2vw solid @color_xian;
		    background:#fff;
		    .img{
		        width:12vw;
		        height:12vw;
		        margin:0;
		    }
		    .name{
		        font-size:@size_16;
		    }
		    .wrds{
		        font-size:@size_12;
		    }
			.num{
			    width:9vw;
			    float:right;
			}
			.step{
			    color:#ffb937;
			    font-size:9vw;
			    margin-right:3vw;
			    image{
                    display:block;
                }
			}
		}
		.li.no_0 .num,.li.no_1 .num,.li.no_2 .num{
		    color:rgba(0,0,0,0);
		    background-size:6vw;
            background-repeat:no-repeat;
            background-position:left 2vw top 3vw;
		}
		.li.no_0 .num{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/qian_7.png');
        }
        .li.no_1 .num{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/qian_8.png');
        }
        .li.no_2 .num{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/qian_9.png');
        }
        .li.type_2{
            background-image:url('http://resource.160nurse.com/1.0/img/g_img/san_jiao_6.png');
            background-size:1.5vw 3.16vw;
            background-repeat:no-repeat;
            background-position:right 3vw center;
            border:0;
            border-top:1px solid @color_xian ;
            width:100%;
            margin:0;
            border-radius:0;
            overflow: hidden;
            box-sizing: border-box;
            .right{
                width:30vw;
                .name{
                    text{
                        width:10vw;
                        float: left;
                        color:@color_font;
                    }
                    .span{
                        color:@color_main;
                        width:auto;
                        max-width:20vw;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                }
            }
            .num{
                display:none;
            }
            .good_num{
                float:right;
                font-size:@size_14;
                height:12vw;
                line-height:12vw;
                margin-right:8vw;
                color:#00D2C3;
            }
        }
        .li.get{
            position:relative;
            &:before{
                content:'已中奖';
                font-size:@size_10;
                color:#ffb937;
                border:1px solid #ffb937;
                border-radius:2vw;
                padding:0 2vw;
                line-height:5vw;
                height:5vw;
                display: block;
                position:absolute;
                right:28vw;
                top:4.5vw;
            }
            .right:before{
                display: block;
            }
        }
        &.type_1{
            .li {
                &:first-of-type,&:nth-of-type(2),&:nth-of-type(3){
                    .step{
                        color:#ffb937;
                    }
                }
            }
            .li.no_0 .num{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/qian_3.png');
            }
            .li.no_1 .num{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/qian_4.png');
            }
            .li.no_2 .num{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/qian_5.png');
            }
        }
        &.on{
            display:block;
        }
	}
	.hd{
	    width:90vw;
	    box-sizing:border-box;
	    margin:1.5vw 0 0 5vw;
	    padding:4vw 0 4vw 0;
	    border-radius:4vw 4vw 0 0;
	    background:#fff;
	    overflow: hidden;
	    position: relative;
	    button{
	        text-align:center;
	        width:20vw;
	        line-height:8vw;
	        height:8vw;
	        border-radius:4vw 0 0 4vw;
	        box-sizing: border-box;
	        float: left;
	        background:#fff;
	        border:1px solid #D8D8D8;
            color:@color_text;
	        font-size:@size_12;
	        margin-left:25vw;
	        padding:0;
	    }
	    button:first-of-type{
	        border-right:0;
	    }
	    button:nth-of-type(2){
	        border-radius:0 4vw 4vw 0;
	        margin:0;
	        border-left:0;
	    }
	    button.on{
	        background:#00D2C3;
	        border:1px solid #00D2C3;
            color:#fff;
	    }
	    &:after{
	        content:'';
	        position:absolute;
	        bottom:0;
	        width:40vw;
	        left:25vw;
	        display: block;
	        height:1px;
	        background:@color_xian;
	    }
	}
}
.Help_window{
    .fd{
        position:fixed;
        z-index:30;
        width:100vw;
        height:100vh;
        background:none;
        .dian_1{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_8.png');
            background-size:0 0;
            background-repeat:no-repeat;
            background-position:left 20vw center;
            transition: all 0.15s; 
            -moz-transition: all 0.15s; 
            -webkit-transition: all 0.15s;
            -o-transition: all 0.15s;
        }
        .dian_1,.dian_2,.dian_3{
            position:absolute;
            width:100%;
            height:100%;
            z-index:2;
        }
        &:after,&:before,& .dian_1:after,& .dian_1:before,& .dian_2:after,& .dian_2:before,& .dian_3:after,& .dian_3:before{
            position:absolute;
            content:'';
            opacity:0;
            width:30vw;
            height:30vw;
            top:calc(~'50vh - 15vw');
            left:20vw;
            z-index:1;
            background-repeat:no-repeat;
            transition: all 0.3s; 
            -moz-transition: all 0.3s; 
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
        }
        &:after{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_5.png');
            background-size:24vw 12.52vw;
            background-position:left top;
        }
        &:before{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_1.png');
            background-size:20vw 13.68vw;
            background-position:right 0 top 0;
        }
        & .dian_1:after{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_6.png');
            background-size:8vw 15.12vw;
            background-position:left 0 bottom 0;
        }
        & .dian_1:before{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_4.png');
            background-size:12vw 12vw;
            background-position:right 0 bottom 0;
        }
        & .dian_2:after{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_6.png');
            background-size:8vw 15.12vw;
            background-position:left 0 bottom 0;
        }
        & .dian_2:before{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_5.png');
            background-size:24vw 12.52vw;
            background-position:left top;
        }
        & .dian_3:after{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_5.png');
            background-size:24vw 12.52vw;
            background-position:left top;
        }
        & .dian_3:before{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_1.png');
            background-size:20vw 13.68vw;
            background-position:right 0 top 0;
        }
        &.on,&.aimin{
            .dian_1{
                background-size:20vw 20vw;
            }
            &:after,&:before,& .dian_1:after,& .dian_1:before,& .dian_2:after,& .dian_2:before,& .dian_3:after,& .dian_3:before{
                opacity:0;
                transform:scale(1,1);
                animation: luo_1 1s linear 0s 1;
            }
            &:after{
                top:calc(~'50vh - 30vw');
                left:10vw;
            }
            &:before{
                top:calc(~'50vh - 30vw');
                left:auto;
                right:10vw;
            }
            & .dian_1:after{
                top:auto;
                bottom:calc(~'50vh - 30vw');
                left:10vw
            }
            & .dian_1:before{
                top:auto;
                left:auto;
                bottom:calc(~'50vh - 30vw');
                right:10vw;
            }
            & .dian_2:after{
                top:calc(~'50vh - 35vw');
                left:25vw;
            }
            & .dian_2:before{
                top:calc(~'50vh - 35vw');
                left:auto;
                right:25vw;
            }
            & .dian_3:after{
                bottom:calc(~'50vh - 35vw');
                left:auto;
                right:25vw;
            }
            & .dian_3:before{
                bottom:calc(~'50vh - 35vw');
                left:25vw;
            }
            .span{
                color:#d05252;
            }
        }
    }
}


.Panking_personal{
    position:relative;
    min-height:100vh;
    overflow-x:hidden;
    box-sizing: border-box;
    padding-bottom:14vw;
    .top{
        .button{
            position:absolute;
            z-index:6;
            right:0;
            bottom:8vw;
            width:11vw;
            height:10vw;
            border-radius:5vw 0 0 5vw;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/yan_2.png');
            background-size:6vw 6vw;
            background-position:left 3vw center;
            background-repeat:no-repeat;
            background-color:rgba(0,0,0,0.3);
        }
        button{
            position:absolute;
            z-index:20;
            top:0;
            left:0;
            width:100%;
            height:100%;
            margin:0;
            padding:0;
            opacity:0;
        }
    }
    .fd{
        width:90%;
        margin:0 5%;
        background-color:#fff;
        padding:2vw 3vw;
        border-radius:1.5vw;
        box-sizing: border-box;
        overflow: hidden;
        box-shadow:2px 2px 6px rgba(0,0,0,0.1);
        .tp{
            float: left;
            width:12vw;
            height:12vw;
            border-radius:50%;
            overflow:hidden;
            image{
                width:100%;
                height:100%;
            }
        }
        .right{
            width:16vw;
            float: left;
            padding:1vw 0;
            &.type_1{
                width:40vw;
            }
        }
        .name,.site{
            line-height:6vw;
            height:6vw;
            width:100%;
            white-space:nowrap;
            text-overflow: ellipsis;
            overflow:hidden;
            font-size:@size_16;
            color:@color_main;
            margin-left:2vw;
            .b{
                font-size:@size_12;
                color:#FFA229;
                display:inline-block;
                margin-left:0.5vw;
            }
        }
        .site{
            font-size:@size_12;
            color:@color_font;
        }
        .step,.num{
            max-width:50vw;
            float:right;
            padding:1vw 0;
            color:#00D2C3;
            line-height:6vw;
            font-size:@size_18;
            text-align: center;
            font-family:'STHeiti Light';
            text{
                text-align: center;
                display: block;
                height:6vw;
                font-size:@size_12;
                color:@color_font;
            }
            &.type_1{
                color:#ffb937;
            }
        }
        .num{
            text-align: center;
            margin-left:4vw;
            color:#00D2C3;
        }
        &.type_1{
            padding:2vw 10vw 2vw 3vw;
            background-image:url('http://resource.160nurse.com/1.0/img/g_img/san_jiao_6.png');
            background-size:1.5vw 3.16vw;
            background-repeat:no-repeat;
            background-position:right 5vw center;
        }
        &.type_2{
            width:100%;
            box-shadow:none;
            margin:-1vw 0 0 0;
            padding:1vw 5vw 0 5vw;
            .step,.num{
                color:#ffb937;
                font-weight:bold;
                text{
                    font-weight:400;
                }
            }
            .name{
                font-weight:bold;
            }
        }
    }
    .title{
        line-height:7.5vw;
        height:6.9vw;
        font-size:@size_14;
        padding:0 3vw 0 5vw;
        width:90vw;
        margin:0 0 0 5vw;
        color:#00D2C3;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/ti_1.png');
        background-size:30vw 6.9vw;
        background-repeat:no-repeat;
        border:0;
        font-weight:bold;
    }
    .h4{
        line-height:8vw;
        font-size:@size_14;
        color:@color_main;
        font-weight:bold;
        border-bottom:1px solid @color_xian;
        margin:4vw 5vw 0 5vw;
    }
    .middle{
        margin-top:5vw;
        .wrds{
            width:90vw;
            margin-left:5vw;
            background:@color_xian;
            border-radius:0 0 1.5vw 1.5vw; 
            overflow: hidden;
            margin-top:-1px;
            border:0;
        }
        textarea,.words{
            width:100%;
            box-sizing: border-box;
            padding:2vw 5vw;
            background:none;
            border-bottom:1px solid #eee;
            line-height:6vw;
            height:22vw;
            overflow: hidden;
            outline:none;
            font-size:@size_16;
            position:relative;
        }
        .words.type_1{
            text-align: center;
            color:@color_text;
            background:#eee;
            font-size:@size_14;
            navigator{
                top:10vw;
                left:50%;
                position:absolute;
                transform:translate(-50%,0);
                width:20vw;
                height:7vw;
                line-height:7vw;
                text-align: center;
                color:#fff;
                background:#00D2C3;
                border-radius:3.5vw;
                box-shadow:1px 1px 4px rgba(0,0,0,0.1);
            }
        }
        .tp{
            float: left;
            overflow:hidden;
            width:68vw;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            margin:3vw 0 2vw 0;
            image{
                margin:0;
                float: left;
                width:8vw;
                height:8vw;
                border:1px solid #eee;
                border-radius:50%;
                margin-left:2vw;
                box-sizing:border-box;
            }
            button{
                float: left;
                background:url('http://resource.160nurse.com/1.0/img/g_img/hui_fu_5.png');
                background-size:80% 80%;
                background-repeat:no-repeat;
                background-position:center center;
                width:8vw;
                height:8vw;
                margin-left:2vw;
            }
        }
        .good{
            float:right;
            padding:0 3vw;
            border-radius:3.5vw;
            height:7vw;
            line-height:7vw;
            overflow: hidden;
            margin:3vw 3vw 3vw 0;
            font-size:@size_14;
            color:@color_font;
            background:#fff;
            image{
                float:left;
                width:5vw;
                height:5vw;
                margin:1vw 0 0 0;
            }
            &.on{
                color:#00D2C3;
                background:#fff;
            }
        }
        .box{
            width:90vw;
            margin-left:5vw;
            background:@color_xian;
            border-radius:0 0 1.5vw 1.5vw; 
            overflow: hidden;
            margin-top:-1px;
            border:0;
            .img{
                width:84vw !important;
                box-sizing: border-box;
                margin:3vw 3vw 0 3vw;
                border-radius:1.5vw;
                overflow: hidden;
            }
            .wrds{
                word-break: break-all;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical; 
                -webkit-line-clamp:2;
                box-shadow:none;
            }
        }
    }
    .goods{
        padding:0 5vw;
        overflow: hidden;
        .h2{
            font-size:@size_16;
            color:@color_text;
            line-height:10vw;
            height:10vw;
            margin-top:4vw;
//          font-weight:bold;
        }
        .li{
            width:43.5vw;
            margin-left:3vw;
            float: left;
            background:@color_xian;
            overflow: hidden;
            border-radius:1vw;
            .img{
                width:43.5vw;
                height:43.5vw;
                border-radius:1vw;
                overflow: hidden;
                image{
                    width:100%;
                    height:100%;
                }
            }
            .ti{
                font-size:@size_16;
                color:@color_text;
                line-height:6vw;
                height:6vw;
                box-sizing:border-box;
                padding:0 2vw;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin:2vw 0 2vw 0;
            }
            .wrds{
                overflow: hidden;
                line-height:6vw;
                height:7vw;
                padding:0 2vw 1vw 2vw;
                box-sizing:border-box;
                font-size:@size_14;
                color:#fec216;
                .le{
                    float: left;
                }
                .ri{
                    font-size:@size_12;
                    float:right;
                    color:@color_text;
                    .span{
                        display:inline-block;
                        color:#00D2C3;
                    }
                }
            }
        }
        >navigator:first-of-type{
            margin:0;
        }
    }
    .bottom{
        .list{
            background:#fff;
            .li{
                width:100%;
                box-sizing: border-box;
                padding:2vw 5vw;
                background:url('http://resource.160nurse.com/1.0/img/g_img/san_jiao_6.png');
                background-size:1.5vw 3.16vw;
                background-repeat:no-repeat;
                background-position:right 6vw center;
                overflow: hidden;
                border-bottom:1px solid @color_xian;
                .tp{
                    float: left;
                    width:8vw;
                    height:8vw;
                    overflow: hidden;
                    border-radius:50%;
                    margin-top:1vw;
                    image{
                        display:block;
                        width:100%;
                        height:100%;
                    }
                }
                .left{
                    float: left;
                }
                .right{
                    float:right;
                }
                .name{
                    line-height:10vw;
                    height:10vw;
                    font-size:@size_14;
                    color:@color_main;
                    margin-left:2vw;
                    width:15vw;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    float: left;
                }
                .zan{
                    float:right;
                    width:12vw;
                    height:12vw;
                    margin:-2vw 0 0 2vw;
                    padding:0;
                    position:relative;
                    cursor:pointer;
                    pointer-events:auto;
                    background:none;
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_3.png');
                    background-size:5vw 5vw;
                    background-repeat:no-repeat;
                    background-position:top 4.5vw center;
                    .span{
                        left:-1.5vw;
                        top:-1.5vw;
                        position:absolute;
                        font-size:@size_12;
                        color:@color_text;
                        text-align: center;
                        box-sizing: border-box;
                        padding-top:8vw;
                        width:15vw;
                        height:15vw;
                        pointer-events:none;
                    }
                    &:after,&:before,& .span:after,& .span:before{
                        pointer-events:none;
                        position:absolute;
                        content:'';
                        opacity:0;
                        width:6vw;
                        height:6vw;
                        z-index:1;
                        background-repeat:no-repeat;
                        transition: all 0.15s; 
                        -moz-transition: all 0.15s; 
                        -webkit-transition: all 0.15s;
                        -o-transition: all 0.15s;
                    }
                    &:after{
                        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_5.png');
                        background-size:6vw 3.13vw;
                        background-position:left 0 top 0.5vw;
                        top:2vw;
                        left:0;
                    }
                    &:before{
                        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_1.png');
                        background-size:5vw 3.42vw;
                        background-position:right 0 top 0;
                        top:1vw;
                        right:1vw;
                    }
                    & .span:after{
                        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_6.png');
                        background-size:2vw 3.78vw;
                        background-position:left 0 bottom 0;
                        bottom:4vw;
                        left:5vw;
                    }
                    & .span:before{
                        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_4.png');
                        background-size:3vw 3vw;
                        background-position:right 0 bottom 0;
                        bottom:2vw;
                        right:3vw;
                    }
                    &.on,&.aimin{
                        pointer-events:none;
                        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_2.png');
                        &:after,&:before,& .span:after,& .span:before{
                            opacity:0;
                            transform:scale(1,1);
                            animation: luo_1 1s linear 0s 1;
                        }
                        &:after{
                            top:0vw;
                            left:-3vw;
                        }
                        &:before{
                            top:-1vw;
                            right:-2vw;
                        }
                        & .span:after{
                            bottom:2vw;
                            left:3vw;
                        }
                        & .span:before{
                            bottom:0;
                            right:1vw;
                        }
                        .span{
                            color:#d05252;
                        }
                    }
                }
                .step{
                    float:right;
                    width:26vw;
                    text-align:right;
                    font-size:@size_18;
                    color:#ffb937;
                    line-height:10vw;
                    margin-right:6vw;
                    .b{
                        margin-left:0.3vw;
                        display:inline-block;
                        font-size:@size_14;
                    }
                }
            }
            .li.type_1{
                background:none;
                .tp{
                    box-sizing: border-box;
                    border:1px solid #eee;
                    image{
                        margin:15% 0 0 15%;
                        width:70%;
                        height:70%;
                    }
                }
                .name{
                    text-align:left;
                    color:@color_font;
                }
            }
        }
    }
    .an{
        background:#00D2C3;
        height:14vw;
        line-height:14vw;
        color:#fff;
        text-align: center;
        font-size:@size_16;
        margin-top:3vw;
        border:0;
        padding:0;
        border-radius:0;
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        z-index:10;
        &.type_1{
            background:@color_anniu;
        }
        
    }
    &.type_1{
        min-height:auto;
        padding:0 0 2vw 0;
        background:none;
    }
}
.Mall_index{
    min-height:100vh;
    width:100vw;
    padding-bottom:26vw;
    box-sizing: border-box;
//  background:#ff4f46;
//  background-image: linear-gradient(to bottom, #00d2c3 0%,  #f1f1f1 100%);
    .top{
        width:100%;
        height:70vw;
//      background:url('http://resource.160nurse.com/1.0/img/g_img/bg_5.png');
//      background-size:100% 24.5vw;
//      background-repeat:no-repeat;
//      background-position:left top;
        position:relative;
        overflow: hidden;
        .fd{
            width:80vw;
            position:relative;
            margin:16vw 0 0 10vw;
            height:24vw;
            border-radius:12vw;
            background:#fff;
            box-sizing: border-box;
            padding:12vw 3vw 2vw 3vw;
            box-shadow:2px 2px 6px rgba(0,0,0,0.1);
        }
        .iocn{
            position:absolute;
            width:34vw;
            height:31.43vw;
            left:23vw;
            top:-18vw;
            image{
                width:100%;
                height:100%;
            }
        }
        .gao{
            width:10vw;
            height:10vw;
            border-radius:50%;
            background-image:url('//resource.160nurse.com/canvas/healthy/img/common/tb_52.png');
            background-size:100% 100%;
            background-repeat:no-repeat;
            background-position:top center;
//          background-color:rgba(0,0,0,0.3);
            position:absolute;
//          padding-top:5vw;
//          line-height:4vw;
            top:3vw;
            right:3vw;
            z-index:6;
            font-size:@size_10;
            color:#fff;
            text-align: center;
        }
        .ove{
            width:90vw;
            margin:-18vw 0 2vw 5vw;
            position:relative;
            &:after,&:before{
                content:'';
                width:11vw;
                height:10vw;
                position:absolute;
                z-index:4;
                top:-1.5vw;
                left:2vw;
                background-image:url('//resource.160nurse.com/canvas/healthy/img/common/zan_9.png');
                background-size:100%;
                background-repeat:no-repeat;
                background-position:top center;
            }
            &:before{
                left:auto;
                right:2vw;
                transform:rotateY(180deg);
            }
            .overflow{
                position:relative;
                height:7vw;
                overflow: hidden;
                border-radius:4vw;
                background:rgba(0,0,0,0.3);
            }
            .list{
                transition: all 0.8s; 
                -moz-transition: all 0.8s; 
                -webkit-transition: all 0.8s;
                -o-transition: all 0.8s;
                position:absolute;
                top:0;
                left:0;
                width:100%;
                .li{
                    width:100%;
                    height:7vw;
                    line-height:7vw;
                    overflow:hidden;
                    text-align: center;
                    color:#fff;
                    font-size:@size_14;
                    text{
                        display:inline-block;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                    .c{
                        max-width:20vw;
                        color:#dfe426;
                    }
                    .c2{
                        max-width:12vw;
                    }
                }
            }
        }
        .banner{
            width:100vw;
            height:70vw;
            .img{
                width:100vw;
                overflow: hidden;
            }
            image{
                width:100vw;
                height:70vw;
            } 
            .wx-swiper-dot{
                width:1vw;
                height:1vw;
                border-radius:0.5vw;
                overflow: hidden;
                margin-bottom:18vw;
                transition: all 0.3s; 
            }
            .wx-swiper-dot{
                display: inline-flex;
                margin-left: 0;
                justify-content:space-between;
            }
            .wx-swiper-dot::before{
                content: '';
                flex-grow: 1; 
                background: rgba(255,255,255,0.2);
            }
            .wx-swiper-dot-active{
                width:3vw;
            }
            .wx-swiper-dot-active::before{
                background:rgba(245,255,255,1);   
            }
        }
    }
    .middle{
        background:#fff;
        border-radius:8vw 8vw 0 0;
        overflow: hidden;
        @win_1:7vw;
        .soll{
            width:50vw;
            margin-left:25vw;
            line-height:@win_1;
            height:@win_1;
            border-radius:3vw;
            overflow: hidden;
            position:relative;
            box-shadow:2px 2px 6px rgba(0,0,0,0.1);
            image{
                position:absolute;
                z-index:2;
                left:0;
                top:0;
                float: left;
                width:@win_1;
                height:@win_1;
            }
            .wrds{
                position:absolute;
                width:54vw;
                left:3vw;
                top:0;
                z-index: 1;
                float: left;
                height:inherit;
                line-height:inherit;
                color:@color_text;
                font-size:@size_12;
                background:#fff;
                text{
                    width:200%;
                    height:inherit;
                    line-height:inherit;
                    float: left;
                    position: absolute;
                    z-index:1;
                    left:100%;
                    top:0;
                    animation: soll 15s linear -7.5s infinite;
                }    
                text.type_1{
                    animation: soll 15s linear 0s infinite;
                }
                .b{
                    float: left;
                    color:#00D2C3;
                    margin-right:0.5vw;
                }
            }
            .x{
                position:absolute;
                right:0;
                top:0;
                width:@win_1;
                height:@win_1;
                z-index:3;
                border-radius:50%;
//              background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/x.png');
//              background-size:100% 100%;
                background:#fff;
            }
        }
        .h1{
            line-height:14vw;
            height:14vw;
            font-size:@size_16;
            padding:0 3vw;
            font-weight:bold;
            overflow: hidden;
            color:@color_text;
            image{
                float:left;
                margin-top:2vw;
                width:6vw;
                height:6vw;
                vertical-align:middle;
                margin-right:1vw;
            }
            text{
                float:right;
                font-weight:400;
                font-size:@size_12;
                color:@color_text;
                line-height:9.2vw;
            }
        }
        .h1.type_1{
            margin-top:3vw;
            image{
                width:6vw;
                height:6vw;
                margin-top:4.2vw;
                margin-left:0.5vw;
            }
            &:first-of-type{
                margin-top:0;
            }
        }
        .ul{
            width:94vw;
            margin:0 3vw;
            background:#fff;
            overflow: hidden;
            border-radius:3vw;
        }
        .li{
            padding:3vw;
            box-sizing:border-box;
            width:100%;
            overflow: hidden;
            border-top:1px solid @color_xian;
            position:relative;
            .tp{
                float: left;
                width:26vw;
                height:26vw;
                border-radius:1vw;
                overflow: hidden;
                margin-right:3vw;
                position:relative;
                text{
                    display: block;
                    width:10vw;
                    height:10vw;
                    line-height:10vw;
                    font-size:@size_12;
                    color:#fff;
                    box-sizing: border-box;
                    padding:0 0 0 4vw;
                    background:url('http://resource.160nurse.com/1.0/img/g_img/shi_pin_4.png');
                    background-size:100% 100%;
                    background-position:left top;
                    position:absolute;
                    z-index:2;
                    right:0;
                    bottom:0;
                }
                image{
                    display: block;
                    width:100%;
                    height:100%;
                }
            }
            .right{
                float: left;
                width:59vw;
                position:relative;
                height:26vw;
                line-height:6vw;
                .name{
                    width:90%;
                    font-size:@size_16;
                    line-height:7vw;
                    max-height:14vw;
                    overflow: hidden;
                    word-break: break-all;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical; 
                    -webkit-line-clamp:2;
                }
                .wrds{
                    font-size:@size_12;
                    color:@color_font;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    height:5vw;
                    margin:1vw 0 0 0;
                    box-sizing: border-box;
                    line-height:5vw;
                }
                .money{
                    width:100%;
                    position:absolute;
                    bottom:0;
                    left:0;
                    color:#fec216;
                    font-size:@size_18;
                    font-weight:bold;
                    line-height:6vw;
                    height:6vw;
                    text{
                        font-size:@size_10;
                        color:#fec216;
                        font-weight:400;
                        margin-left:1vw;
                    }
                    .p{
                        display:inline-block;
                        font-size:@size_10;
                        color:#ccc;
                        margin-left:3vw;
                        font-weight:400;
                        text-decoration: line-through;
                    }
                }
                .num{
                    float:right;
                    margin-top:2.5vw;
                    font-size:@size_10;
                    color:@color_font;
                    line-height:3vw;
                    font-weight:400;
                    .b{
                        display:inline-block;
                        color:#00D2C3;
                        font-weight:400;
                        &.type_1{
                            color:#ccc;
                        }
                    }
                }
                .an{
                    width:84%;
                    margin:3vw 0 0 0;
                    height:8vw;
                    line-height:8vw;
                    border-radius:5vw;
                    overflow: hidden;
                    font-size:@size_12;
                    padding:0 3vw;
                    text-align: center;
                    color:#fff;
                    box-shadow:2px 2px 6px rgba(239,25,96,0.2);
                    font-weight:bold;
                    animation: duo_duo 2s linear 0.3s 1;
                    background-image:linear-gradient(to right, #fec216 0%, #fd8e4a 100%);
                    
                }
                .tiao{
                    line-height:6vw;
                    overflow: hidden;
                    .xian{
                        overflow: hidden;
                        width:84%;
                        height:2vw;
                        border-radius:1vw;
                        float: left;
//                      margin:0 1vw 0 2vw;
                        margin-top:0.5vw;
                        background:#ccc;
                        view{
                            width:100%;
                            height:2vw;
                            background-image:linear-gradient(to right, #fec216 0%, #fd8e4a 100%);
                        }
                    }
                    .wrds{
                        width:84%;
                        float: left;
                        color:@color_font;
                        font-size:@size_12;
                        overflow: hidden;
                        .ri{
                            width:auto;
                            float:right;
                            color: #fec216;
                            &.type_1{
                                color:#ccc;
                            }
                        }
                    }
                    .ove{
                        display: block;
                        overflow: hidden;
                        height:6vw;
                        width:84%;
                        text:nth-of-type(2){
                            float:right;
                        }
                    }
                }
            }
            .an_2{
                width:5vw;
                height:5vw;
                position:absolute;
                top:3vw;
                right:3vw;
                image{
                    display: block;
                    margin:3% 0 0 3%;
                    width:94%;
                    height:94%;
                }
            }
            &:first-of-type{
                border:0;
            }
            &.get{
                position:relative;
                &:after{
                    width:15vw;
                    height:15vw;
                    position:absolute;
                    top:10vw;
                    right:5vw;
                    z-index:5;
                    content:'';
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/an_9.png');
                    background-size:100% 100%;
                }
            }
            &.re,&.huo{
                .tp:after{
                    content:'';
                    display: block;
                    position:absolute;
                    z-index:3;
                    top:0;
                    left:0;
                    width:8vw;
                    height:6.46vw;
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/ti_5.png');
                    background-size:100% 100%;
                }
            }
            &.huo{
                .tp:after{
                    width:10.15vw;
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/ti_6.png');
                }
            }
            &.off{
                .tp{
                    position:relative;
                    &:after{
                        display:block !important;
                        content:'助力结束';
                        color:#fff;
                        background-color:rgba(0,0,0,0.5);
                        background-size:60%;
                        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/xian_1.png');
                        background-repeat:no-repeat;
                        background-position:center center;
                        z-index:4;
                        width:16vw;
                        height:16vw;
                        line-height:6vw;
                        text-align: center;
                        box-sizing: border-box;
                        padding:2vw 3vw;
                        font-size:@size_14;
                        left:5vw;
                        top:5vw;
                        border-radius:50%;
                        position:absolute;
                    }
                    &:before{
                        content:'';
                        height:inherit;
                        width:inherit;
                        background:rgba(255,255,255,0.4);
                        position:absolute;
                        z-index:2;
                        top:0;
                        left:0;
                    }
                }
                .right .an{
                    background:#eee;
                    pointer-events:none;
                    color:@color_text;
                    animation-play-state:paused;
                    box-shadow:2px 2px 6px rgba(0,0,0,0.1);
                }
                .right .tiao .xian view{
                    background:#ccc;
                }
                a:first-of-type{
                    
                }
            }
        }
        .li.type_1{
            padding:3vw 0 3vw 3vw;
            .right{
                width:68vw;
            }
        }
        .li.type_2{
            .tp{
//              width:32vw;
//              height:32vw;
            }
            .right{
                width:59vw;
                .name{
                    white-space:normal;
                    text-overflow: ellipsis;
                    -webkit-line-clamp:1;
                } 
                .an{
//                  width:86%;
                }
            }
        }
    }
}

.Mall_detail{
    position:relative;
    min-height:100vh;
    padding-bottom:22vw;
    .banner{
        width:100vw;
        height:100vw;
        position:relative;
        block,swiper-item{
            width:100vw;
            height:100vw;
            image{
                width:100%;
                height:100%;
            }
        }
    }
    >.num{
        position:absolute;
        top:90vw;
        right:3vw;
        padding:0 3vw;
        line-height:7vw;
        height:7vw;
        overflow: hidden;
        border-radius:4vw;
        background:rgba(0,0,0,0.5);
        color:#fff;
        font-size:@size_10;
        z-index:5;
    }
    .f_time{
        overflow: hidden;
        width:100vw;
        .left{
            width:65vw;
            float: left;
            font-size:@size_20;
            height:14vw;
            line-height:14vw;
            padding:0 0 0 3vw;
            box-sizing: border-box;
            text-align:left;
            color:#fff;
            background: linear-gradient(to right, #FC673E 0% , #F1228B 100%);
            .b,.em{
                display:inline-block;
                font-size:@size_12;
            }
            .b{
                margin-left:1vw;
            }
            .em{
                margin-left:2vw;
                text-decoration:line-through;
            }
        }
        .right{
            float: left;
            height:14vw;
            width:35vw;
            padding:2vw 0 0 0;
            box-sizing: border-box;
            line-height:5vw;
            text-align:center;
            font-size:@size_14;
            background:@color_xian;
            color:#FF285F;
            font-weight:bold;
            text{
                display:block;
            }
        }
       
    }
    .bao_you{
        display:none;
        position:absolute;
        top:0;
        left:0;
        z-index:5;
        width:24vw;
        height:18.13vw;
        image{
            display: block;
            width:100%;
            height:100%;
        }
    }
    .top{
        position:relative;
        padding:0 3vw;
        .name{
            overflow: hidden;
            .text{
                float: left;
                width:80vw;
                padding:2vw 0 0 0;
                font-size:@size_16;
                color:@color_main;
                line-height:6vw;
                max-height:12vw;
                font-weight:bold;
            }
            .p{
                width:8vw;
                height:4vw;
                font-size:3vw;
                line-height:4vw;
                text-align: center;
                border-radius:1vw;
                border:1px solid #ffb937;
                color:#ffb937;
                vertical-align: text;
                float: left;
                margin-right:2vw;
                margin-top:2.2vw;
                display:none;
            }
            .ri{
                background:none;
                padding:0;
                margin:0;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/fen_3.png');
                background-size:4vw;
                background-position:center top 1vw;
                background-repeat:no-repeat;
                height:12vw;
                width:16vw;
                position:relative;
                float:right;
//              border-left:1px solid #ccc;
                box-sizing: border-box;
                font-size:@size_10;
                color:#949494;
                text-align: center;
                padding-top:5vw;
                margin:3.5vw -3vw 0 0;
                &:before{
                    content:'';
                    width:1px;
                    height:6vw;
                    background:#ccc;
                    position:absolute;
                    top:2vw;
                    left:0;
                }
            }
        }
        .wrds{
            padding:0;
            font-size:@size_12;
            word-break: break-all;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden; 
            -webkit-line-clamp:2;
            color:@color_font;
            line-height:6vw;
            max-height:6vw;
            margin-bottom:2vw;
            width:80%;
        }
        .words{
            line-height:10vw;
            height:10vw;
            font-size:@size_12;
            color:@color_text;
            image{
                float: left;
                width:3.4vw;
                height:3.4vw;
                margin:3.3vw 1vw 0 3vw;
            }
            image:first-of-type{
                margin-left:0;
            }
            text{
                float: left;
            }
        }
        .money{
            padding:0;
            padding-bottom:2vw;
            overflow:hidden;
            font-size:@size_18;
            color:#fd8e4a;
            position:relative;
//          display:none;
            .i,.em{
                color:#fd8e4a;
                font-size:@size_10;
                display:inline-block;
                font-weight:400;
                margin-left:2vw;
            }
            .em{
                color:#fd8e4a;
                text-decoration: line-through;
                font-size:@size_10;
//              width:30vw;
                white-space:nowrap;
            }
            .p{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/qian_1.png');
                background-position:left top 1.1vw;
                background-size:6vw;
                background-repeat:no-repeat;
                height:9vw;
                width:8vw;
                float: left;
            }
            .b{
                margin:0 0.5vw;
                font-size:@size_10;
                color:@color_font;
                display:inline-block;
                font-weight: 400;
                margin-left:1.5vw;
            }
            .ri{
                line-height:8vw;
                font-size:@size_10;
                float:left;
                color:@color_font;
                margin-left:2vw;
            }
            .le{
                line-height:8vw;
                float: left;
                font-weight:bold;
                font-size: @size_20;
                &.type_1{
                    .i{
                        margin-left:-0.8vw;
                    }
                }
                .wz{
                    width:100%;
                    overflow: hidden;
                    margin-top:-3vw;
                    view{
                        float: left;
                        font-size:@size_12;
                        color:@color_font;
                    }
                    view:first-of-type{
                        color:#ffb937;
                        margin-right:2vw;
                    }
                }
            }
        }
        .money_2{
            margin:0 -3vw;
            width:100vw;
            line-height:12vw;
            box-sizing: border-box;
            padding:0 3vw;
            height:12vw;
//          background:#FD8E4A;
            display:none;
            >view{
                color:#fff;
                display:inline-block;
                height: inherit;
            }
            .p{
                padding-left:11vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/qian_1.png');
                background-position:left 2vw center;
                background-size:6vw;
                background-repeat:no-repeat;
                font-size:@size_18;
            }
            .b{
                font-size:@size_12;
                margin-left:0.5vw;
            }
            .i{
                font-size:@size_12;
                margin-left:1vw;
                text-decoration: line-through;
            }
        }
        .fen{
            position:absolute;
            right:0;
            bottom:2.5vw;
            background-image:linear-gradient(to right, #fec216 0%, #fd8e4a 100%);
            padding:0 4vw;
            border-radius:5vw 0 0 5vw;
            line-height:8.5vw;
            height:8.5vw;
            color:#fff;
            font-size:@size_14;
            display:none;
            &.type_1{
                bottom:8vw;
            }
        }
        .tab_box{
            position:relative;
            height:6vw;
        }
        .tab_fl{
            position:absolute;
            top:-2vw;
            left:0;
            z-index: 5;
            float: left;
            padding:0 3vw;
            line-height:6vw;
            height:6vw;
            background-image:linear-gradient(to right, #fec216 0%, #fd8e4a 100%);
            color:#fff;
            font-size:@size_10;
            border-radius:1vw;
            margin:0 0 2vw 0;
            &:after{
                content:'';
                display: block;
                position:absolute;
                top:-1.8vw;
                left:3vw;
                z-index:6;
                width: 0;     
                height: 0;     
                border-left: 1.5vw solid transparent;     
                border-right: 1.5vw solid transparent;  
                border-bottom: 2vw solid #fec216;
            }
        }
        .step{
            line-height:14vw;
            height:14vw;
            position:relative;
            background-image:url('http://resource.160nurse.com/1.0/img/g_img/san_jiao_6.png');
            background-size:1.5vw 3.16vw;
            background-repeat:no-repeat;
            background-position:right 0 center;
            button{
                position:absolute;
                top:0;
                left:0;
                z-index:2;
                padding:0;
                width:100%;
                line-height:inherit;
                height:inherit;
                font-size:@size_14;
                color:@color_main;
                background-color:rgba(0,0,0,0);
                text-align:left;
                border:0;
            }
            text{
                float:right;
                font-size:@size_14;
                color:@color_font;
                max-width:60vw;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                line-height:inherit;
                height:inherit;
                margin-right:6vw;
            }
        }
        .peopleList {
            padding: 3vw 0;
            overflow: hidden;
            display: block;
            background-image:url('http://resource.160nurse.com/1.0/img/g_img/san_jiao_6.png');
            background-size:1.5vw 3.16vw;
            background-repeat:no-repeat;
            background-position:right 0 center;
            .left {
                float: left;
                font-size: 3vw;
                line-height:7vw;
                color: #aaa;
                image {
                    width: 9vw;
                    height: 9vw;
                    border-radius: 50%;
                    margin-right: 2vw;
                    vertical-align: middle;
                }
            }
            text{
                float:left;
                font-size:@size_14;
                color:@color_font;
                line-height:9vw;
                height:9vw;
                margin-right:4vw;
            }
        }
    }
    .middle{
        .ti{
            padding:0 3vw;
            line-height:14vw;
            height:14vw;
            position:relative;
            view{
                line-height:inherit;
                height:inherit;
                font-size:@size_14;
                color:@color_main;
                float: left;
            }
        }
        .h1{
            line-height:14vw;
            height:14vw;
            padding:0 3vw;
            color:@color_main;
            font-size:@size_14;
            border-bottom: 1px solid @color_xian;
        }
        image{
            display:block;
            width:100%;
        }
    }
}

.Order_submit{
    background:@color_xian;
    min-height:100vh;
    box-sizing: border-box;
    padding:0 4vw 16vw 4vw;
    width:100vw;
    .top{
        background-color:#fff;
        background-image:url('//resource.160nurse.com/canvas/healthy/img/common/icon_1.png');
        background-size:10vw;
        background-position:center left 3vw;
        background-repeat:no-repeat;
        padding:5vw 3vw 5vw 16vw;
        border-radius:4vw;
        box-sizing: border-box;
        margin-bottom:3vw;
        .name{
            overflow: hidden;
            font-size:@size_18;
            color:@color_main;
            line-height:8vw;
            height:8vw;    
            view{
                font-weight:bold;
                float: left;
                margin-right:4vw;
                height:8vw;
                text-overflow: ellipsis;
                white-space: normal;
                max-width:26vw;
                overflow: hidden;
            }
        }
        .step{
            width:100%;
            line-height:5vw;
            font-size:@size_12;
            color:@color_font;
        }
        button{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            z-index:1;
            opacity:0;
        }
        .overflow{
            background-image:url('http://resource.160nurse.com/1.0/img/g_img/san_jiao_6.png');
            background-size:1.5vw 3.16vw;
            background-repeat:no-repeat;
            background-position:right 0 center;
            position: relative;
        }
    }
    .list{
        padding:0 3vw;
        border-radius:4vw;
        box-sizing: border-box;
        margin-bottom:3vw;
        overflow: hidden;
        background:#fff;
        .li{
            line-height:14vw;
            height:14vw;
            .left,.right{
                height: inherit;
                line-height:inherit;
                font-size:@size_14;
                color:@color_main;
                float: left;
            }
            .right{
                float:right;
                &.type_1{
                    color:#ffb937;
                }
                &.type_2:before{
                    content:'点击复制';
                    float: left;
                    margin-right:3vw;
                    color:#00D2C3;
                    font-size:@size_12;
                }
            }
            input.right{
                text-align:right;
                width:50vw;
            }
            .words,.text{
                width:57vw;
                line-height:6vw;
                max-height:12vw;
                float:right;
                word-break: break-all;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical; 
                -webkit-line-clamp: 2;
                font-size:@size_16;
                overflow: hidden;
            }
            .text{
                font-size:@size_12;
                color:@color_font;
                line-height:4vw;
                max-height:8vw;
            }
            &.type_1{
                height:auto;
                padding:4vw 0 0 0;
                line-height:8vw;
                overflow: hidden;
                box-sizing: border-box;
            }
            .tp{
                float: left;
                width:20vw;
                height:20vw;
                border-radius:2vw;
                overflow: hidden;
                image{
                    display: block;
                    width:100%;
                    height:100%;
                }
            }
            &.type_2{
                .right{
                    width:40vw;
                    margin-right:3vw;
                }
            }
            &.type_3{
                .right{
                    width:70vw;
                }
            }
        }
        &.type_1{
            .left{
                margin-left:15vw;
            }
        }
    }
    &.type_1{
        background:none;
        min-height:auto;
        padding-bottom:0;
        box-sizing: border-box;
    }
    &.height{
        min-height:calc(~'100vh - 56vw');
    }
}

.Order_complete{
    .top{
        width:100vw;
        height:54vw;
        background:#ff4081;
        overflow: hidden;
        .tp{
            width:16vw;
            height:16vw;
            margin:4vw 0 0 42vw;
            image{
                width:100%;
                height:100%;
                display: block;
            }
        }
        .p{
            font-size:@size_16;
            color:#fff;
            text-align: center;
            line-height:12vw;
        }
        .wrds{
            text-align: center;
            font-size:@size_12;
            color:#fff;
            line-height:6vw;
            text{
                display: block;
            }
        }
    }
    .middle{
        width:50vw;
        height:43.2vw;
        margin:15vw 0 0 35vw;
        image{
            width:100%;
            height:100%;
            display: block;
        }
    }
    .an{
        overflow: hidden;
        margin-top:20vw;
        navigator{
            height:12vw;
            line-height:12vw;
            font-size:@size_16;
            color:#ff4081;
            text-align: center;
            float: left;
            width:35vw;
            margin-left:10vw;
            border:1px solid #ff4081;
            box-sizing: border-box;
            border-radius:6vw;
        }
        navigator.type_1{
            color:#fff;
            background:#ff4081;
        }
    }
}

.Order_detail{
//  min-height:100vh;
    padding-bottom:3vw;
    box-sizing: border-box;
    background:@color_xian;
    overflow:hidden;
    .title{
        border-top:1px solid @color_xian;
        display: block;
        width:92vw;
        margin:3vw 0 0 4vw;
        border-radius:4vw 4vw 0 0;
        box-sizing: border-box;
        background-image:url('http://resource.160nurse.com/1.0/img/g_img/xian.jpg');
        background-size:100%;
        background-position:center bottom;
        background-repeat:no-repeat;
        background-color:#fff;
        overflow: hidden;
        .false{
            display:none;
        }
        .false.on{
            display:block;
        }
        .con{
            padding:0 3% 3vw 3%;
            margin:0;
        }
        .ren{
            width:100%;
            overflow: hidden;
            font-size:@size_14;
            line-height:8vw;
            color:#434343;
            margin:3vw 0 1vw 0;
            image{
                width:5vw;
                height:5vw;
                float: left;
                margin:1vw 1vw 0 0;
            }
            .le{
                float:left;
            }
            .ri{
                float:left;
                margin-left:3vw;
            }
            .bq{
                float:right;
                color:#ffc700;
                font-size:@size_12;
                border:1px solid #ffc700;
                border-radius:1rem;
                line-height:0;
                padding:2.5vw  2vw;
                margin-top:0.5vw;
            }
        }
        .dz{
            overflow: hidden;
            line-height:6vw;
            font-size:@size_12;
            color:@color_font;
            width:80%;
            padding-right:20%;
            word-break: break-all;
            text-overflow: ellipsis;
            display: -webkit-box; 
            -webkit-box-orient: vertical; 
            -webkit-line-clamp:2;
            position:relative;
            color:@color_font;
            width:93%;
        }
    }
    .title.on{
        overflow: hidden;
        .false{
            display: block;
            font-size:1.2em;
            line-height:5.2em;
            height:5.2em;
            color:@color_font;
            text-align: center;
            .b{
                float: right;
            }
        }
        .dz,.ren{
            display:none;
        }
    }
    .xin_xin{
        background:#fff;
        padding:3vw;
        border-radius:0 0 4vw 4vw;
        overflow: hidden;
        margin-left:4vw;
        width:92vw;
        box-sizing: border-box;
        .tp{
            width:20vw;
            height:20vw;
            float: left;
            image{
                width:100%;
                height:100%;
            }
        }
        .wz{
            float:right;
            width:63vw;
            .left{
                width:85%;
                float: left;
                .p,.span{
                    margin:0;
                    font-size:@size_14;
                    color:@color_main;
                    line-height:5vw;
                    max-height:10vw;
                    overflow: hidden;
                    word-break: break-all;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical; 
                    -webkit-line-clamp:2;
                }
                .span{
                    display: block;
                    color:@color_font;
                    font-size:@size_12;
                }
            }
            .right{
                width:13%;
                float: left;
                text-align:right;
                text{
                    display: block;
                    color:@color_font;
                    font-size:@size_12;
                    line-height:5vw;
                }
            }
        }
    }
}
.Mall_Help{
    width:100vw;
    overflow:hidden;
    box-sizing: border-box;
    .banner{
        width:100vw;
        height:100vw;
        overflow: hidden;
        position:relative;
        image{
            width:100%;
            height:100%;
        }
    }
    .fd{
        width:92vw;
        margin:0 0 0 4vw;
        box-sizing: border-box;
        position:absolute;
        top:90vw;
        left:0;
        z-index:2;
        .top{
            .img{
                width:14vw;
                height:14vw;
                overflow: hidden;
                border-radius:50%;
                margin:2vw 0 2vw 35vw;
                border:1px solid #baa27f;
                box-shadow:2px 2px 6px rgba(0,0,0,0.2);
                image{
                    width:100%;
                    height:100%;
                }
            }
            .words{
                background:@color_xian;
                padding:2vw;
                border-radius:2vw;
                overflow: hidden;
                line-height:6vw;
                font-size:@size_12;
                color:@color_main;
                margin-top:2vw;
                text-align: center;
                text{
                    display: block;
                }
            }
            .name{
                line-height:8vw;
                font-size:@size_16;
                color:@color_main;
                text-align: center;
            }
        }
        .middle{
            overflow: hidden;
            background:#fff;
            padding:3vw 3vw 0 3vw;
            box-shadow: 0 0.8vw 4vw 0.1vw rgba(0,0,0,0.2);
            position:relative;
            border-radius:3vw;
            .name{
                width:88%;
                margin-left:6%;
                font-size:@size_16;
                color:@color_main;
                text-align: center;
                box-sizing:border-box;
                padding:0;
                line-height:8vw;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            .text{
                font-size:@size_12;
                color:@color_font;
                line-height:8vw;
                text-align: center;
            }
        }
        .an{
            padding:2vw 0 6vw 0;
            .button{
                width:80%;
                margin-left:10%;
                line-height:12vw;
                height:12vw;
                border-radius:7vw;
                text-align: center;
                color:#fd8f4a;
                margin-top:6vw;
                border:1px solid #fd8f4a;
                outline:none;
                font-size:@size_14;
                animation:duo_duo 2s linear 0.3s 1;
                box-sizing: border-box;
                background:#fff;
            }
            .button.type_1{
                color:#fff;
                border:0;
                box-shadow:2px 2px 6px rgba(254, 192, 17, 0.2);
                background-image:linear-gradient(to right, #fec011 0%, #fd8f4a 100%);
            }
            .rule{
                width:100%;
                text-align: center;
                color:@color_text;
                line-height:6vw;
                font-size:@size_12;
                margin-top:5vw;
            }
        }
        .bottom{
            margin-top:4vw;
            .ti{
                text-align: center;
                width:100%;
                color:@color_text;
                font-size:3.8vw;
                font-weight:bold;
            }
            .wz{
                text-align: center;
                font-size:@size_12;
                color:@color_font;
                line-height:8vw;
                margin-bottom:4vw;
            }
            .color{
                display:inline-block;
                color:#FFA229;
            }
        }
        &.off,&.on{
            .middle .img:before{
                position:absolute;
                top:0;
                left:0;
                z-index:2;
                width:inherit;
                height:inherit;
                line-height:40vw;
                color:#fff;
                font-size:@size_16;
                content:'已经被抢空';
                display: block;
                background:rgba(0,0,0,0.3);
                text-align:center;
            }
        }
        &.on{
            .middle .img:before{
                content:'已领取';
            }
        }
    }
    .h1{
        font-size:@size_12;
        color:#999;
        text-align: center;
        line-height:10vw;
    }
    .logo{
        width:20vw;
        height:8vw;
        margin:10vw 0 0 36vw;
        image{
            width:100%;
            height:100%;
        }
    }
}

.g_help_tab{
    .tab{
        margin:4vw 0 2vw 0;
        overflow: hidden;
        width:100%;
        background:#F5F5F5;
        border-radius:3vw;
        .span{
            float: left;
            padding:0 3vw 0 7vw;
            line-height:6vw;
            font-size:@size_12;
            color:#fff;
            border-radius:3vw;
            background-color:#FF6444;
            background-image:url('//resource.160nurse.com/canvas/healthy/img/common/zan_11.png');
            background-size:3vw 3vw;
            background-position:left 2vw center;
            background-repeat:no-repeat;
            position:relative;
            z-index:2;
        }
        .b{
            margin-left:-8vw;
            float: left;
            padding:0 3vw;
            line-height:6vw;
            font-size:@size_12;
            color:@color_anniu;
            padding-left:10vw;
        }
    }
    .EnergyBar{
        color:@color_main;
        font-size:@size_14;
        overflow: hidden;
        padding-bottom:4vw;
        margin-top:3vw;
        .left{
            float: left;
            line-height:8vw;
        }
        .right{
            float:right;
            line-height:8vw;
        }
        .num{
            width:100%;
            height:3vw;
            background:@color_xian;
            border-radius:2vw;
            overflow: hidden;
            view{
                width:100%;
                height:inherit;
                background:#ffb937;
                border-radius:2vw;
                overflow: hidden;
            }
        }
        .color{
            display:inline-block;
            color:#FFA229;
        }
        &.type_1{
            width:94%;
            padding:0 3%;
            margin-top:3vw;
        }
    }
    .TerranList{
        overflow: hidden;
        text-align: center;
        padding:0;
        .block{
            float: left;
            width:12vw;
            .img{
                width:10vw;
                height:10vw;
                margin-left:1vw;
                border-radius:50%;
                overflow: hidden;
            }
            .name{
                width:100%;
                white-space:nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                line-height:6vw;
                font-size:@size_10;
                color:@color_main;
            }
            image{
                width:100%;
                height:100%;
            }
        }
        .block:first-of-type{
            .name{
                color:#febb02;
            }
        }
        .dot{
            float: left;
            width:12vw;
            height:16vw;
            background-image:url('http://resource.160nurse.com/1.0/img/g_img/hui_fu_5.png');
            background-size:8vw;
            background-position:center top 2vw;
            background-repeat:no-repeat;
        }
        .t_wrds{
            float: left;
            padding:3vw;
            font-size:@size_14;
            color:@color_main;
            background:#ffebc5;
            border-radius:2vw;
            text-align:left;
            width:100%;
            box-sizing: border-box;
            margin-top:4vw;
            position:relative;
        }
        .t_wrds:before{
            content:'';
            display: block;
            width:0;
            height:0;
            position:absolute;
            top:-2vw;
            left:3vw;
            border-left:1vw solid transparent;
            border-right:1vw solid transparent;
            border-bottom:2vw solid #ffebc5;
        }
        &.type_1{
            padding:0 5vw;
        }
    }
}

.personal_sum,.personal_RedBag{
    height:100vh;
    width:100vw;
    padding-bottom:26vw;
    overflow:auto;
    box-sizing: border-box;
    background-image: linear-gradient(to bottom, #feb500 0%,  #fff 100%);
    .top{
        background-color:#fff;
        padding:0 3vw 3vw 3vw;
        box-sizing: border-box;
        margin:0 3vw 3vw 3vw;
        width:94vw;
        border-radius:3vw;
        position:relative;
        .ji_fen{
            overflow: hidden;
            margin-bottom:2vw;
            >view{
                width:100%;
                text-align: center;
                .p{
                    margin:0;
                    font-size:@size_14;
                    color:#feb500;
                    line-height:5vw;
                    width:100%;
                }
                .b{
                    width:100%;
                    font-size:9vw;
                    color:#feb500;
                    font-weight:400;
                    line-height:10vw;
                    float: left;
                    margin-top:4vw;
                }
            }
        }
        .qian{
            overflow: hidden;
            margin-top:1vw;
            padding-bottom:1vw;
            >view{
                width:50%;
                float: left;
                text-align: center;
                .p{
                    font-size:@size_14;
                    color:#999;
                    margin:0;
                    line-height:5vw;
                }
                .b{
                    font-size:@size_18;
                    line-height:6vw;
                    color:#6a6a6a;
                }
                text{
                    font-style:normal;
                    font-size:@size_12;
                    margin-right:1vw;
                }
            }
        }
        .an{
            position:absolute;
            top:3vw;
            right:3vw;
            width:10vw;
            padding-top:9vw;
            background-image:url('http://resource.160nurse.com/1.0/img/g_img/pai_ming_2.png');
            background-repeat:no-repeat ;
            background-position: left 15% top;
            background-size:80%;
            font-size:@size_12;
            color:#fff;
            text-align: center;
            line-height:5vw;
        }
        .rule{
            position:absolute;
            top:3vw;
            right:3vw;
            width:16vw;
            height:7vw;
            line-height:7vw;
            text-align: center;
            border:1px solid #ccc;
            border-radius:4vw;
            color:@color_text;
            font-size:@size_12;
            z-index:2;
        }
    }
    .middle,.bottom{
        background:#fff;
        width:94vw;
        margin-left:3vw;
        border-radius:3vw;
        overflow: hidden;
        .hd{
            padding:3vw;
            width:50%;
            margin-left:25vw;
            overflow: hidden;
            box-sizing: border-box;
            border-bottom:1px solid @color_xian;
            view{
                width:50%;
                float: left;
                box-sizing: border-box;
                height:8vw;
                line-height:8vw;
                text-align: center;
                color:#feb500;
                font-size:@size_14;
                border-radius:0 2vw 2vw 0;
                border:1px solid #feb500;
            }
            view:first-of-type{
                border-radius:2vw 0 0 2vw;
            }
            view.on{
                background:#feb500;
                color:#fff;
            }
        }
        .h1{
            margin: 0;
            font-size:@size_14;
            color:@color_main;
            padding:0 3vw;
            line-height:12vw;
            overflow: hidden;
            border-bottom: 1px solid @color_xian;
            image{
                width:5vw;
                height:5vw;
                float: left;
                margin:3.5vw 3vw 0 0;
            }
        }
        .list{
            .li{
                padding:3vw;
                position:relative;
                overflow: hidden;
                border-top:1px solid @color_xian;
                .wrds,.time{
                    width:70%;
                    float: left;
                    line-height:6vw;
                    height:6vw;
                    white-space:normal;
                    text-overflow: ellipsis;
                    overflow:hidden;
                    font-size:@size_14;
                }
                .time{
                    font-size:@size_12;
                    color:@color_font;
                }
                .num{
                    position:absolute;
                    top:calc(~'50% - 3vw');
                    line-height:6vw;
                    right:3vw;
                    font-size:@size_14;
                    color:#ffad01;
                }
                &.type_2{
                    display:none;
                }   
            }
            .li:first-of-type{
                border:0;
            }
            &.type_2{
                .li{
                    display:none;
                }
                .li.type_2{
                    display:block;
                }
            }
        }
    }
}

.personal_RedBag{
    background-image: linear-gradient(to bottom, #ff3e5e 0%,  #fff 100%);
    .top{
        background-image:url('http://resource.160nurse.com/1.0/img/g_img/qian_12.png');
        background-position:left 15vw bottom -30vw;
        .ji_fen{
            padding-top:6vw;
            >view{
                width:100%;
                .p{
                    color:#ffad01;
                    font-weight:bold;
                }
                .p,.b{
                    text-align: center;
                    width:100%;
                    float:none;
                }
            }
        }
    }
    .bottom{
        .list .li{
            .img{
                width:10vw;
                height:10vw;
                margin-top:1vw;
                float: left;
                border-radius:50%;
                overflow: hidden;
                margin-right:3vw;
                image{
                    width:100%;
                    height:100%;
                }
            }
            .wrds,.time{
                width:50%;
            }
            .num{
                font-size:@size_16;
                color:#ff3e5e;
                font-weight:bold;
            }
        }
    }
}
.personal_diary{
    height:100vh;
    position:relative;
    background:#454545;
    swiper{
        height:100vh;
        .wx-swiper-dot{
            width:2vw;
            height:2vw;
            border-radius:50%;
            overflow: hidden;
        }
        .wx-swiper-dot{
            display: inline-flex;
            margin-left: 0;
            justify-content:space-between;
        }
        .wx-swiper-dot::before{
            content: '';
            flex-grow: 1; 
            background: rgba(255,255,255,0.2);
        }
        .wx-swiper-dot-active::before{
            background:rgba(245,255,255,1);   
        }
    }
    .box{
        border-radius:2vw;
        background:#fff;
        width:90vw;
        box-sizing: border-box;
        padding:3vw;
        position:absolute;
        top:40%;
        left:5vw;
        transform:translate(0,-50%);
        .img{
            height: auto !important;
        }
    }
}
.personal_diary .box,.Panking_personal .middle .box{
    .img{
        width:100%;
        height:40vw;
        overflow: hidden;
        image{
            width:100%;
            height:100%;
            display:block;
        }
    }
    .time{
        width:26%;
        color:#999;
        float: left;
        margin-top:2vw;
        padding-left:3vw;
        box-sizing: border-box;
        line-height:14vw;
        .p{
            display:inline-block;
            font-size:6vw;
        }
        text{
            font-size:@size_12;
            margin-left:1vw;
            display:inline-block;
        }
    }
    .wrds{
        float:right;
        width:70%;
        margin:3vw 3vw 0 0;
        line-height:6vw;
        font-size:@size_14;
        color:@color_main;
        word-break:break-all;
    }
    .an{
        padding-top:3vw;
        line-height:6vw;
        font-size:@size_12;
        margin-top:3vw;
        float: right;
        .good,.see{
            float:right;
            border:0;
            padding:0;
            margin:0 0 0 2vw;
            outline:none;
            padding-left:8vw;
            color:#b2b2b2;
            font-size:@size_12;
            background:none;
            background-image:url('http://resource.160nurse.com/1.0/img/g_img/dian_zan_8.png');
            background-size:5vw;
            background-position:left 2vw center;
            background-repeat:no-repeat;
            &.on{
                color:#00D2C3;
                background-image:url('http://resource.160nurse.com/1.0/img/g_img/dian_zan_9.png');
            }
        }
        .see{
             background-image:url('http://resource.160nurse.com/1.0/img/g_img/yan_jing_2.png');
        }
    }
}


.rule_window{
    z-index: 95;
    .fd{
        position:absolute;
        z-index:2;
        top:50%;
        left:10vw;
        width:80vw;
        padding-bottom:10vw;
        border-radius:4vw;
        overflow: hidden;
        box-sizing: border-box;
        padding:3vw;
        background:#fff;
        transform:translate(0,-50%);
        .h3,.h2,.h1,.an{
            width:40%;
            margin:2vw 0 2vw 30%;
            line-height:10vw;
            text-align: center;
            font-size:@size_16;
            color:#fff;
            border-radius:5vw;
            background:#ff3e5e;
        }
        .h1{
            background:#feb500;
        }
        .h3{
            background:none;
            color:@color_text;
            margin-bottom:0;
        }
        .wrds{
            padding:3vw 3vw 0 3vw;
            font-size:@size_14;
            color:@color_font;
            line-height:7vw;
            max-height:70vh;
            overflow: auto;
            >text{
                display: block;
                padding-left:6vw;
                &:first-letter{
                    float: left;
                    margin-left:-6vw;
                }
            }
        }
        .an{
            margin-top:6vw;
            color:#fff;
            background:#00D2C3;
        }
    }
    .x{
        top:calc(~'11vh - 15.84vw');
        right:14vw;
        position:absolute;
        z-index:3;
        width:7vw;
        height:15.84vw;
        background-image:url('http://resource.160nurse.com/1.0/img/g_img/cha_7.png');
        background-size:100%;
    }
}
.write_diary{
    height:100vh;
    width:100vw;
    padding-bottom:5vw;
    overflow:auto;
    box-sizing: border-box;
    background-image: linear-gradient(to bottom, #00D2C3 0%, #8ee8e2 20%, #f1f1f1 90%);
    .img_list{
        width:90vw;
        margin:5vw 0 0 5vw;
        background:#fff;
        border-radius:2vw;
        box-sizing: border-box;
        padding:0;
        box-shadow:2px 2px 4px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        height:40vw;
        position:relative;
        .add{
            opacity:0;
            width:100%;
            height:100%;
            position:absolute;
            top:0;
            left:0;
            z-index:2;
        }
        .img{
            width:100%;
            height:inherit;
            padding:3vw;
            box-sizing: border-box;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/new_1.jpg');
            background-size:30vw;
            background-repeat:no-repeat;
            background-position:center center;
            image{
                display:block;
                width:100%;
                height:100%;
            }
        }
    }
    textarea{
        width:90vw;
        margin:3vw 0 0 5vw;
        background:#fff;
        border-radius:2vw;
        box-sizing: border-box;
        padding:3vw;
        box-shadow:2px 2px 4px rgba(0, 0, 0, 0.1);
        border:1px solid #eee;
        height:54vw;
        line-height:6vw;
        font-size:@size_16;
        color:@color_main;
    }
    .an{
        border:1px solid #00D2C3;
        height:12vw;
        line-height:12vw;
        text-align: center;
        border-radius:6vw;
        font-size:@size_16;
        color:#fff;
        background:#00D2C3;
        width:90vw;
        box-shadow:2px 2px 4px rgba(0, 0, 0, 0.1);
        margin:6vw 0 3vw 5vw;
    }
}

.personal_index{
    height:100vh;
    width:100vw;
    overflow:auto;
    box-sizing: border-box;
    background-image: linear-gradient(to bottom, #00D2C3 0%, #7be0d9 10%, #f1f1f1 70%); 
    .banner{
        margin:0vw 5vw 3vw 5vw;
        border-radius:2vw;
        box-sizing: border-box;
        overflow: hidden;
        height:20.3vw;
        width:90%;
        image{
            width:100%;
            height:100%;
        }
    }
    .Medal{
        position:absolute;
        overflow: hidden;
        left:50%;
        top:16vw;
        transform:translate(-50%,0);
        image{
            width:6.67vw;
            height:5vw;
            float: left;
        }
    }
    .top{
        height:58vw;
        position:relative;
        overflow: hidden;
        .img{
            margin:1vw 0 0 41vw;
            width:18vw;
            height:18vw;
            overflow: hidden;
            border-radius:50%;
            box-sizing: border-box;
            border:0.5vw solid #fff;
            image{
                display: block;
                width:100%;
                height:100%;
            }
        }
        .iocn{
            position:absolute;
            width:24vw;
            height:24vw;
            right:-14vw;
            top:4vw;
            z-index:4;
            animation: xiao_xiong 6s linear 0.3s infinite;
            image{
                display: block;
                height:100%;
                width:100%;
            }
        }
        .name{
            text-align: center;
            margin-top:1vw;
            color:#fff;
            font-size:@size_14;
            line-height:8vw;
            height:8vw;
        }
        .ol{
            width:90vw;
            overflow: hidden;
            margin:2vw 5vw 0 5vw;
            height:25vw;
            padding:6vw 0;
            box-sizing: border-box;
            border-radius:2vw;
            background:#fff;
            box-shadow:2px 2px 6px rgba(0, 0, 0, 0.1);
            .li{
                text-align: center;
                float: left;
                box-sizing: border-box;
                width:33.33%;
                position:relative;
                .num{
                    font-size:@size_18;
                    color:#00D2C3;
                    font-weight:bold;
                }
                image{
                    float: left;
                    width:5vw;
                    height:5vw;
                    margin:0 1vw 0 6vw;
                }
                .wrds{
                    margin-top:2vw;
                    font-size:@size_12;
                    color:#9a9a9a;
                    text-align:left;
                }
                &:before{
                    content:'';
                    position:absolute;
                    top:3.2vw;
                    left:0;
                    width:1px;
                    height:4vw;
                    background:#ccc;
                }
                &:first-of-type:before{
                    display:none;
                }
            }
        }
    }
    .middle{
        width:90vw;
        margin:0 0 21vw 5vw;
        box-sizing: border-box;
        border-radius:2vw;
        background:#fff;
        box-shadow:2px 2px 6px rgba(0, 0, 0, 0.1);
        .ul{
            .li{
                overflow: hidden;
                width:100%;
                box-sizing: border-box;
                padding:0 3vw;
                line-height:16vw;
                height:16vw;
                border-top:1px solid @color_xian;
                background:none;
                .img{
                    width:5vw;
                    height:5vw;
                    margin-top:0.8vw;
                    float: left;
                    image{
                        width:100%;
                        height:100%;
                    }
                }
                .wrds{
                    float:left;
                    margin-left:3vw;
                    color:#676767;
                    font-size:@size_16;
                }
            }
            navigator:first-of-type{
                border:0;
            }
        }
    }
}

.gender{
    z-index:99;
    .fd{
        position:absolute;
        top:20vh;
        left:15vw;
        width:70vw;
        padding:5vw;
        box-sizing: border-box;
        border-radius:3vw;
        background:#fff;
        overflow: hidden;
        z-index:2;
    }
    text{
        display: block;
        line-height:8vw;
        text-align: center;
        color:@color_text;
        font-size:@size_14;
        padding-bottom:4vw;
    }
    navigator{
        padding:0;
        background:none;
        box-sizing: border-box;
        float: left;
        width:16vw;
        height:24vw;
        line-height:6vw;
        padding-top:18vw;
        color:#00D2C3;
        text-align: center;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/tb_45.png');
        background-size:16vw 16vw;
        background-repeat:no-repeat;
        margin-left:10vw;
        font-size:@size_14;
    }
    navigator:first-of-type{
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/tb_44.png');
        margin-left:9vw;
    }
    .an{
        margin: 0 0 3vw 5%;
        widows:90%;
        line-height:12vw;
        height:12vw;
        box-sizing: border-box;
        border-radius:2vw;
        text-align: center;
        font-size:@size_14;
        border:1px solid #ffb937;
        color:#ffb937;
    }
    .an:hover{
        color:#fff;
        background:#ffb937;
    }
    .an:first-of-type{
        color:#00d2c3;
        border:1px solid #00d2c3;
    }
    .an:first-of-type:hover{
        color:#fff;
        background:#00d2c3;
    }
}

.personal_portrait{
    min-height:100vh;
    .ul{
        width:100%;
        overflow:hidden;
        box-sizing:border-box;
        padding:5.5vw 0 0 0;
        min-height:calc(~'100vh - 14vw');
        .li{
            width:26vw;
            height:36vw;
            border-radius:2vw;
            float: left;
            margin-left:5.5vw;
            overflow: hidden;
            image{
                width:100%;
                height:100%;
                cursor: pointer;
            }
        }
    }
    .an{
        margin:2vw 0 2vw 25%;
        height:10vw;
        line-height:10vw;
        width:50%;
        text-align: center;
        font-size:@size_16;
        color:#fff;
        background:#00D2C3;
        border-radius:5vw;
    }
}
.portrait_list_box{
    .fd{
        z-index:10;
        position:absolute;
        width:100%;
        left:0;
        overflow: auto;
        top:50%;
        transform:translate(0,-50%);
        image{
            width:100%;
        }
    }
    .x{
        cursor:pointer;
        z-index:12;
        position:absolute;
        top:5vw;
        right:5vw;
        width:12vw;
        height:12vw;
        background:url('http://resource.160nurse.com/canvas/healthy/img/common/x.png');
        background-size:10vw 10vw;
        background-position:center center;
        background-repeat:no-repeat;
    }
}



@keyframes move_time{
    0%{
        transform:translate(0,0);
    }
    75%{
        transform:translate(-300vw,0);
    }
    100%{
        transform:translate(-300vw,0);
    }
}
@keyframes soll{
    0%{
        transform:translate(0,0);
    }
    75%{
        transform:translate(-220vw,0);
    }
    100%{
        transform:translate(-220vw,0);
    }
}
@keyframes hu_die{
    0%{
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/hu_die_1.png');
    }
    50%{
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/hu_die_2.png');
    }
    100%{
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/hu_die_1.png');
    }
}

@keyframes shou{
    0%{
        transform:rotateZ(0deg);
    }
    25%{
        transform:rotateZ(-35deg);
    }
    75%{
        transform:rotateZ(35deg);
    }
    100%{
        transform:rotateZ(0deg);
    }
}

@keyframes jiao{
    0%{
        transform:translate(0,0) rotateZ(15deg);
    }
    25%{
        transform:translate(5vw,-1vw) rotateZ(35deg);
    }
    50%{
        transform:translate(8vw,0) rotateZ(-30deg);
    }
    75%{
        transform:translate(4vw,0) rotateZ(0deg);
    }
    95%{
        transform:translate(0,0) rotateZ(15deg);
    }
    100%{
        transform:translate(0,0) rotateZ(15deg);
    }
}

@keyframes officer{
    0%{
        transform:translate(0,0);
    }
    50%{
        transform:translate(-1vw,0);
    }
    100%{
        transform:translate(0,0);
    }
}

@keyframes top_bottom{
    0%{
        transform:translate(0,0);
    }
    50%{
        transform:translate(0,-3vw);
    }
    100%{
        transform:translate(0,0);
    }
}

@keyframes shou_2{}
@keyframes jiao_2{}
@keyframes shen_ti{
    10%{
        transform:translate(0,1vw);
    }
    30%{
        transform:translate(0,-1vw);
    }
    60%{
        transform:translate(0,1vw);
    }
    80%{
        transform:translate(0,0);
    }
}
@keyframes shen_ti_2{
    0%{
        transform:translateX(0);
    }
    10%{
        transform:translateY(0.6vw);
    }
    50%{
        transform:translateX(-0.6vw);
    }
    30%{
        transform:translateY(-0.6vw);
    }
    60%{
        transform:translateY(0.6vw);
    }
    80%{
        transform:translateY(0);
    }
    100%{
        transform:translateX(0);
    }
}
@keyframes xiao_niao{
    0%{
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/xiao_niao_1.png');
    }
    20%{
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/xiao_niao_2.png');
    }
    60%{
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/xiao_niao_2.png');
    }
    80%{
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/xiao_niao_1.png');
    }
    100%{
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/xiao_niao_1.png');
    }
}
@keyframes xiao_niao2{
    0%{
        transform:translate(0,0) scale(0,0);
    }
    100%{
        transform:translate(0,-200vw) scale(5,5);
    }
}
@keyframes deng_1{
    0%{
        transform:rotateZ(0);
        transform-origin:50% 0;
    }
    25%{
        transform:rotateZ(10deg);
        transform-origin:50% 0;
    }
    75%{
        transform:rotateZ(-10deg);
        transform-origin:50% 0;
    }
    100%{
        transform:rotateZ(0);
        transform-origin:50% 0;
    }
}

@keyframes yan_huo_3{
    0%{
        transform:translateY(0) scale(0.8,0.8);
        opacity:0;
    }
    2%{
        transform:translateY(-3vw) scale(1,1);
        opacity:1;
    }
    20%{
        transform:translateY(-3.5vw) scale(1,1);
        opacity:0.9;
    }
    100%{
        transform:translateY(-1vw) scale(1.1,1.1);
        opacity:0;
    }
}
@keyframes yan_huo_1{
    0%{
        transform:translateY(0) scale(0.5,0.5);
    }
    5%{
        transform:translateY(-40vw) scale(1,1);
    }
    6%{
        opacity:0;
    }
    100%{
        opacity:0;
    }
}
@keyframes yan_huo_2{
    0%{
        transform:translateY(0) scale(0,0);
    }
    4%{
        transform:translateY(0) scale(0,0);
    }
    5%{
        transform:translateY(-5vw) scale(1,1);
    }
    26%{
        transform:translateY(-6vw) scale(1.1,1.1);
        opacity:1;
    }
    70%{
        transform:translateY(-7vw) scale(1.2,1.2);
        opacity:0;
    }
    70.1%{
        transform:translateY(-7vw);
        opacity:0;
    }
    100%{
        transform:translateY(-7vw);
        opacity:0;
    }
}

@keyframes tu_up{
    0%{
        transform:translate(0,24vw);
    }
    10%{
        transform:translate(0,24vw);
    }
    100%{
        transform:translate(0,0);
    }
}




.zou_lu{//默认皮肤
    width:100vw;
    height:calc(~'100vh - 16vw');
    min-height:150vw;
    position:relative;
    overflow: hidden;
    background-color:#e8ebff;
    background-size:100% 90vw;
    background-repeat:no-repeat;
    .box{
        width:inherit;
        height:inherit;
        position:relative;
        >view{
            position:absolute;
            width:200.2vw;
            left:100vw;
            background-size:100%;
            background-repeat:no-repeat;
            &.type_1{
                left:100vw;
            }
        }
        .tai_yang{
            width:20vw;
            height:20vw;
            left:2vw;
            top:7vw;
            z-index:1;
        }
        .yun_1{
            bottom:31vw;
            z-index:2;
            height:58vw;
            left:0;
            &.type_1{
                z-index:3;
                display:none;
            }
        }
        .lu_1{
            bottom:0vw;
            z-index:4;
            height:50vw;
            &.type_1{
                z-index:5;
            }
        }
        .shan_1{
            bottom:50vw;
            z-index:6;
            height:17.33vw;
            &.type_1{
                z-index:7;
            }
        }
        .shan_2{
            bottom:47vw;
            z-index:8;
            height:24.27vw;
            &.type_1{
                z-index:9;
            }
        }
        .cao_1{
            bottom:0;
            z-index:40;
            height:17.33vw;
            &.type_1{
                z-index:41;
            }
            >view{
                display:none;
            }
        }
        .hua_1{
            bottom:0;
            z-index:42;
            height:17.33vw;
            &.type_1{
                z-index:43;
            }
        }
        .xian_1{
            display:none;
        }
        .ren_wu{
            left:0;
            top:-20vw;
            width:inherit;
            height:inherit;
            z-index:20;
            >view{
                cursor:pointer;
                position:absolute;
                background-size:100% 100%;
                background-repeat:no-repeat;
            }
            .ying_zi_1{
                z-index:1;
                bottom:11vw;
                left:33vw;
                width:17vw;
                height:2.16vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/ying_zi_1.png');
            }
            .shou_1{
                z-index:2;
                bottom:21vw;
                left:33vw;
                width:7.62vw;
                height:12vw;
                transform-origin:0 0;
            }
            .jiao_2{
                z-index:3;
                bottom:12vw;
                left:31vw;
                width:9.68vw;
                height:12.3vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/jiao_2.png');
                transform-origin:4.8vw 4vw;
            }
            .jiao_1{
                z-index:4;
                bottom:12vw;
                left:31vw;
                width:9.68vw;
                height:12.3vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/jiao_1.png');
                transform-origin:4.8vw 4vw;
            }
            .shen_ti_1{
                z-index:5;
                bottom:18vw;
                left:31.5vw;
                width:18.33vw;
                height:17.89vw;
            }
            .shou_2{
                z-index:7;
                bottom:20vw;
                left:34vw;
                width:7.62vw;
                height:12vw;
                transform-origin:3.8vw 1.5vw;
            }
            .tou_1{
                z-index:8;
                bottom:29.5vw;
                left:25vw;
                width:28.6vw;
                height:27.3vw;
            }
            .er_duo_1{
                z-index:9;
                bottom:49vw;
                left:31vw;
                width:5.28vw;
                height:6.31vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/er_duo_1.png');
            }
            .hong_1{
                z-index:10;
                bottom:41vw;
                left:39vw;
                width:5.57vw;
                height:4.54vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/hong_1.png');
            }
            .yan_jing_1{
                z-index:11;
                bottom: 48vw;
                left: 43vw;
                width:1.17vw;
                height:1.61vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/yan_jing_1.png');
            }
            .zui_ba{
                z-index:12;
                bottom: 34vw;
                left: 46vw;
                width:2.64vw;
                height:2.49vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/zui_ba.png');
            }
            .bi_zi_1{
                z-index:13;
                bottom: 38vw;
                left: 51.5vw;
                width:4.4vw;
                height:6.89vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/bi_zi_1.png');
            }
//          .zui_ba2{
//              z-index:14;
//              bottom: 32vw;
//              left: 39vw;
//              width:5vw;
//              height:3.04vw;
//              opacity:0;
//              background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/zui_ba_3.png');
//              &:after{
//                  content:'';
//                  width:5vw;
//                  height:3.04vw;
//                  display: block;
//                  background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/zui_ba_2.png');
//                  background-size:100% 100%;
//              }
//          }
            &:after{
                position:absolute;
                z-index:12;
                bottom:28.5vw;
                left:25vw;
                content:'';
                display: block;
                width:30vw;
                transition: all 0.1s; 
                -moz-transition: all 0.1s; 
                -webkit-transition: all 0.1s;
                -o-transition: all 0.1s;
                height:28.6vw;
                opacity:0;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/tou_2.png');
                background-size:100% 100%;
            }
            &.amin{
                .er_duo_1,.hong_1,.yan_jing_1,.zui_ba,.bi_zi_1,.tou_1{
                    opacity:0;
                    transition: all 0.3s; 
                    -moz-transition: all 0.3s; 
                    -webkit-transition: all 0.3s;
                    -o-transition: all 0.3s;
                }
                &:after{
                    opacity:1;
                }
//              .zui_ba2:after{
//                  animation: zui_ba2 5s linear 0 infinite;
//              }
            }
            &.amin_2{
                .shou_1{
                    animation: shou 2s cubic-bezier(0.39, 0.58, 0.57, 1) -1s infinite;
                }
                .jiao_2{
                    animation: jiao 2s linear -1s infinite;
                }
                .jiao_1{
                    animation: jiao 2s linear 0s infinite;
                }
                .shou_2{
                    animation: shou 2s linear 0s infinite;
                }
                .tou_1,.shen_ti_1{
                    animation: shen_ti 2s linear 0s infinite;
                }
                .er_duo_1,.hong_1,.yan_jing_1,.zui_ba,.bi_zi_1{
                    animation: shen_ti_2 2s linear 0s infinite;
                }
            }
        }
        .hu_die{
            width:5vw;
            height:4.43vw;
            left:58vw;
            bottom:47vw;
            z-index:43;
        }
        .xiao_niao{
            width:24vw;
            z-index:12;
            left:auto;
            right:36vw;
            top:70vw;
            height:18.9vw;
            view{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/xiao_niao_1.png');
                background-size:100% 100%;
            }
        }
    }
    .gold{
        width:20vw;
        height:20vw;
        position:absolute;
        bottom:15vw;
        right:-30vw;
        z-index:70;
        padding:0;
        background:none;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/jin_bi_2.png');
        background-size:130% 130%;
        background-position:center center;
        animation: duo_duo2 2s linear 0.3s infinite;
        transition: all 1s; 
        -moz-transition: all 1s; 
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        &.on{
            right:5vw;
        }
    }
    .pao_pao{
        position:absolute;
        left:25vw;
        bottom:85vw;
        width:14vw;
        z-index:60;
        button{
            text-align: center;
            font-size:@size_12;
            color:#b77d00;
            cursor:pointer;
            background:none;
            padding:0;
            margin:0;
            overflow:visible;
            background:none;
        }
        text{
            display: block;
            line-height:4vw;
            margin-top:-2vw;
        }
        image{
            width:14vw;
            height:14vw;
            animation: top_bottom 4s linear 0s infinite;
        }
        &:nth-of-type(2){
            bottom:77vw;
            left:44vw;
            image{
                animation: top_bottom 4s linear -2s infinite;
            }
        }
        &:nth-of-type(3){
            bottom:56vw;
            left:60vw;
            image{
                animation: top_bottom 4s linear -1s infinite;
            }
        }
        &:nth-of-type(4){
            bottom:66vw;
            left:5vw;
            image{
                animation: top_bottom 4s linear -3s infinite;
            }
        }
        &:nth-of-type(5){
            left:auto;
            bottom:50vw;
            left:80vw;
        }
        &:nth-of-type(6){
            bottom:31vw;
            left:56vw;
            image{
                animation: top_bottom 4s linear -2s infinite;
            }
        }
        &:first-of-type.p_0,&:nth-of-type(2).p_1,&:nth-of-type(3).p_2,&:nth-of-type(4).p_3,&:nth-of-type(5).p_4,&:nth-of-type(6).p_5{
            opacity:0;
            bottom:84vw;
            left:88vw;
            transition: all 1s; 
            pointer-events:none;
            image{
                transition: all 1s; 
                width:0;
                height:0;
            }
        }
    }
    &.go{
//      .yun_1{
//          animation: move_time 500s linear -125s infinite;
//          &.type_1{
//              animation: move_time 500s linear 125s infinite;
//          }
//      }
        .lu_1{
            animation: move_time 80s linear -20s infinite;
            &.type_1{
                animation: move_time 80s linear 20s infinite;
            }
        }
        .shan_1{
            animation: move_time 260s linear -65s infinite;
            &.type_1{
                animation: move_time 260s linear 65s infinite;
            }
        }
        .shan_2{
            animation: move_time 120s linear -30s infinite;
            &.type_1{
                animation: move_time 120s linear 30s infinite;
            }
        }
        .cao_1{
            animation: move_time 60s linear -15s infinite;
            &.type_1{
                z-index:41;
                animation: move_time 60s linear 15s infinite;
            }
        }
        .cao_2{
            animation: move_time 260s linear -65s infinite;
            &.type_1{
                animation: move_time 260s linear 65s infinite;
            }
        }
        .che_1{
            animation: move_time 60s linear -15s infinite;
            &.type_1{
                z-index:41;
                animation: move_time 60s linear 15s infinite;
            }
        }
        .hua_1{
            animation: move_time 30s linear -7.5s infinite;
            &.type_1{
                z-index:43;
                animation: move_time 30s linear 7.5s infinite;
            }
        }
        .xian_1{
            z-index:43;
            &.type_1{
                z-index:44;
            }
        }
        .ren_wu{
            .shou_1{
                animation: shou 2s cubic-bezier(0.39, 0.58, 0.57, 1) -1s infinite;
            }
            .jiao_2{
                animation: jiao 2s linear -1s infinite;
            }
            .jiao_1{
                animation: jiao 2s linear 0s infinite;
            }
            .shou_2{
                animation: shou 2s linear 0s infinite;
            }
            .tou_1,.shen_ti_1,.zui_ba2{
                animation: shen_ti 2s linear 0s infinite;
            }
            .er_duo_1,.hong_1,.yan_jing_1,.zui_ba,.bi_zi_1{
                animation: shen_ti_2 2s linear 0s infinite;
            }
            &:after{
                animation: shen_ti 2s linear 0s infinite;
            }
            .zui_ba2:after{
                animation: zui_ba2 0.6s linear 0 infinite;
            }
            
        }
        .hu_die{
            animation: hu_die 0.3s linear 0s infinite;
        }
        .xiao_niao{
            animation: xiao_niao2 60s cubic-bezier(1,0.3,0.2,0.1) -10s infinite;
            view{
                width:inherit;
                height:inherit;
                animation: xiao_niao 1s linear 0s infinite;
            }
        }
    }
    &.stop{
        view{
            animation-play-state:paused; 
        }
    }
    //默认皮肤
    &.type_0{
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/bg_1.png');
        .tai_yang{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/tai_yang.png');
        }
        .yun_1{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/yun_1.png');
        }
        .lu_1{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/lu_1.png');
        }
        .shan_1{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shan_1.png');
        }
        .shan_2{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shan_2.png');
        }
        .cao_1{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/cao_1.png');
        }
        .hua_1{
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/hua_1.png');
        }
        .ren_wu{
            .ying_zi_1{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/ying_zi_1.png');
            }
            .shou_1{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shou_2.png');
            }
            .shen_ti_1{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shen_ti_1.png');
            }
            .shou_2{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shou_2.png');
            }
            .tou_1{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/tou_1.png');
            }
            &:after{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/tou_2.png');
            }
        }
        
    }
    //元旦皮肤
    &.type_1{
        background:#f1e8e8;
        .box{
            .yun_1{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/yun_2.png');
                height:16.8vw;
                top:14vw;
            }
            .lu_1{
                z-index:19;
                top:auto;
                bottom:0vw;
                height:102.3vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/fang_1.png');
                &.type_1{
                    z-index:20;
                }
            }
            .shan_1{
                z-index:10;
                bottom:60vw;
                height:40.3vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shan_3.png');
                &.type_1{
                    z-index:11;
                }
            }
            .shan_2{
                bottom:54vw;
                z-index:17;
                height:48vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/fang_2.png');
                &.type_1{
                    z-index:18;
                }
            }
            .cao_2{
                bottom:44vw;
                z-index:13;
                height:24.5vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/cao_2.png');
                &.type_1{
                    z-index:14;
                }
            }
            .che_1{
                z-index:11;
                height:10vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/che_1.png');
                &.type_1{
                    z-index:12;
                }
            }
            .hua_1{
                height:9.2vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shi_tou_1.png');
            }
            .cao_1{
                height:14.1vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/hua_2.png');
            }
            .ren_wu{
                .shou_1{
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shou_3.png');
                }
                .shou_2{
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shou_3.png');
                }
                .shen_ti_1{
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shen_ti_2.png');
                }
                .tou_1{
                    height:31.68vw;
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/tou_5.png');
                }
                &:after{
                    height:32.92vw;
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/tou_6.png');
                }
            }
            .hu_die{
                display:none;
            }
        }
    }
    //春节皮肤
    &.type_2{
        background:#100427;
        .box{
            .hu_die,.xiao_niao,.tai_yang{
                display:none;
            }
            .yun_1{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/bg_4.png');
                height:106.1vw;
                bottom:45vw;
            }
            .lu_1{
                z-index:5;
                top:auto;
                bottom:0;
                height:73.9vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/lu_2.png');
                &.type_1{
                    z-index:6;
                }
            }
            .shan_1{
                animation-duration:460s !important;
                z-index:10;
                bottom:64vw;
                height:53.2vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/fang_5.png');
                &.type_1{
                    z-index:11;
                }
            }
            .shan_2{
                bottom:48vw;
                height:51.87vw;
                z-index:16;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/fang_3.png');
                &.type_1{
                    z-index:17;
                }
            }
            .cao_2{
                bottom:59vw;
                z-index:12;
                height:36.27vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/fang_4.png');
                &.type_1{
                    z-index:13;
                }
            }
            .cao_1{
                top:20vw;
                z-index:30;
                height:100%;
                background:none;
                z-index:4;
                animation-duration:260s !important;
                >view{
                    position:absolute;
                    background-size:100%;
                    background-repeat:no-repeat;
                    background-position:top left;
                    display:block;
                }
                .yan_huo_1{
                    bottom:55vw;
                    left:24vw;
                    width:3vw;
                    height:40.8vw;
                    background-image:url('//resource.160nurse.com/canvas/healthy/img/zou_lu/yan_huo_1.png');
                    animation: yan_huo_1 10s linear 0s infinite;
                }
                .yan_huo_2{
                    bottom:115vw;
                    left:5vw;
                    width:40vw;
                    height:40vw;
                    background-image:url('//resource.160nurse.com/canvas/healthy/img/zou_lu/yan_huo_2.png');
                    animation: yan_huo_2 10s linear 0s infinite;
                }
                .yan_huo_3{
                    bottom:105vw;
                    left:30vw;
                    width:30vw;
                    height:30vw;
                    background-image:url('//resource.160nurse.com/canvas/healthy/img/zou_lu/yan_huo_3.png');
                    animation: yan_huo_3 8s linear 7s infinite;
                }
            }
            .xian_1{
                display:block !important;
                top:2vw;
                left:-26vw;
                z-index:36;
                height:50vw;
                background-image:url('//resource.160nurse.com/canvas/healthy/img/zou_lu/bg_6.png');
                >view{
                    position:absolute;
                    background-size:100%;
                    background-repeat:no-repeat;
                    background-position:top left;
                }
                .deng_2{
                    top:12vw;
                    left:26vw;
                    width:24vw;
                    height:31vw;
                    z-index:1;
                    background-image:url('//resource.160nurse.com/canvas/healthy/img/zou_lu/long_9.png');
                    animation: deng_1 10s linear 0s infinite;
                }
                .deng_1{
                    top:10vw;
                    left:34vw;
                    width:30vw;
                    height:31vw;
                    z-index:2;
                    background-image:url('//resource.160nurse.com/canvas/healthy/img/zou_lu/long_5.png');
                    animation: deng_1 10s linear 1s infinite;
                }
                .deng_3{
                    top:20vw;
                    left:30vw;
                    width:20vw;
                    height:32vw;
                    z-index:1;
                    background-image:url('//resource.160nurse.com/canvas/healthy/img/zou_lu/long_6.png');
                    animation: deng_1 10s linear 0.5s infinite;
                }
            }
            .hua_1{
                height:30.1vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shi_tou_3.png');
            }
            .ying_zi_1{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/ying_zi_2.png');
            }
            .ren_wu{
                .shou_1{
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shou_3.png');
                }
                .shou_2{
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shou_3.png');
                }
                .shen_ti_1{
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shen_ti_2.png');
                }
                .tou_1{
                    height:31.68vw;
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/tou_5.png');
                }
                &:after{
                    height:32.92vw;
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/tou_6.png');
                }
            }
        }
    }
    //深圳皮肤
    &.type_3{
        background:#a2c7fa;
        .box{
            .hu_die,.xiao_niao,.tai_yang,.cao_1,.cao_2{
                display:none;
            }
            .yun_1{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/fang_11.png');
                height:200vw;
                top:0;
            }
            .shan_1{
                display:none;
//              background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/fang_7.png');
                height:46.4vw;
                bottom:67vw;
            }
            .shan_2{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/fang_6.png');
                height:120vw;
                bottom: 0;
            }
            .xian_1{
                width:100vw;
                height:40vw;
                left:0;
                top:0;
                display: block;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shu_3.png');
                background-position:left top 5vw;
                background-size:60vw;
            }
            .hua_1{
                display:none;
                bottom:-1px;
                z-index:12;
                height:16.1vw;
//              background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shi_tou_4.png');
                &.type_1{
                    z-index:13;
                }
            }
        }  
        .ren_wu{
            .ying_zi_1{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/ying_zi_2.png');
            }
            .shou_1{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shou_5.png');
            }
            .shou_2{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shou_5.png');
            }
            .shen_ti_1{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/shen_ti_4.png');
            }
            .tou_1{
                height:31.68vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/tou_7.png');
            }
            &:after{
                height:32.92vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/tou_8.png');
            }
        }
    }
}

.new_index{
    height:100vh;
    overflow: hidden;
    padding-bottom:16vw;
    box-sizing: border-box;
    margin-top:-1px;
    .top{
        >navigator,button{
            position:absolute;
            color:#fff;
            padding:2vw 3vw 2vw 5vw;
            border-radius:6vw 0 0 6vw;
            box-sizing: border-box;
            background:rgba(38,142,144,0.5);
            z-index:50;
            image{
                float:right;
                width:6vw;
                height:6vw;
                margin:0;
                box-sizing: border-box;
                border-radius:50%;
            }
            .span{
                float: left;
                font-size:@size_12;
                text{
                    line-height:4vw;
                    display: block;
                }
            }
        }
        .an_1{
            right:0;
            top:26vw;
            width:38vw;
            padding-left:5vw;
            .span{
                text{
                    text-align: center;
                }
            }
            image{
                width:8vw;
                height:8vw;
            }
        }
        .an_2{
            right:0;
            top:41vw;
            width:38vw;
            image{
                margin-right:1vw;
            }
            .span{
                text{
                    line-height:6vw;
                }
            }
        }
        .an_3,.an_9{
            top:27vw;
            padding:2vw 3vw 2vw 3vw;
            border-radius:0 6vw 6vw 0;
            background-image:linear-gradient(to right, #FB8E2D 0%, #F55514 100%) !important; 
            .span{
                text{
                    font-size:@size_14;
                    line-height:6vw;
                }
            }
            image{
                width:4vw;
                height:4vw;
                margin:1vw 0 1vw 2vw;
                border-radius:0;
            }
        }
        .an_4{
            right:0;
            top:54vw;
            height:10vw;
            line-height:10vw;
            width:38vw;
            box-sizing: border-box;
            color:#fff;
            font-size:@size_12;
            padding:0 0 0 5vw;
            text-align:left;
            background-image:linear-gradient(to right, #ffcd11 0%, #fea24a 100%) !important; 
            &:after{
                position:absolute;
                left:auto;
                right:-2.8vw;
                top:2.5vw;
                content:'';
                float:right;
                width:14vw;
                height:10vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/iocn_23.png');
                background-size:10vw;
                background-repeat:no-repeat;
                background-position:center right;
            }
        }
        .an_5{
            width:8vw;
            height:8vw;
            bottom:30vw;
            left:5vw;
            background:none !important;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/an_7.png') !important;
            background-size:100% 100% !important;
            &.off{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/an_8.png') !important;
            }
        }
        .an_6,.an_7,.an_8{
            width:8vw;
            height:8vw;
            bottom:43vw;
            left:5vw;
            z-index:91;
            background:none !important;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/ui_1.png') !important;
            background-size:100% 100% !important;
        }
        .an_7{
            position:absolute;
            width:18vw;
            height:18.8vw;
            top:calc(~'100vh - 34.8vw');
            left:auto;
            right:3.5vw;
            border-radius:0;
            z-index:79;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/san_3.png') !important;
            text{
                position:absolute;
                left:6.5vw;
                top:3.5vw;
                width:5vw;
                height:5vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/san_1.png');
                background-size:100% 100%;
                animation: up4 2s linear 0s infinite;
            }
            &.on text{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/san_2.png');
                animation: up3 2s linear 0s infinite;
            }
        }
        .an_8{
            top:71vw;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/ui_2.png') !important;
        }
        .an_9{
            top:40vw;
            background-image:linear-gradient(to right,#FA8D2C,#FFBF23) !important;
            image{
                width:4vw;
                height:4vw;
            }
        }
        .tiao{
            display:none;
            position:absolute;
            z-index:90;
            top:88vw;
            left:50%;
            transform:translate(-50%,0);
            height:14vw;
            padding-top:6vw;
            box-sizing: border-box;
            text{
                height:8vw;
                color:@color_text;
                line-height:8vw;
                box-sizing: border-box;
                padding:0 4vw 0 10vw;
                border-radius:4vw;
                margin-right:0.6vw;
                overflow: hidden;
                font-size:@size_12; 
                display:block;
                text-overflow:ellipsis;
                white-space:nowrap;
                background-color:#fff;
                box-shadow:0 0.5vw 1vw rgba(0,0,0,0.2);
            }
            &:after,&:before{
                position:absolute;
                left:0;
                top:0;
                z-index:2;
                content:'';
                width:9vw;
                height:14vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/tou_4.png');
                background-size:100% 100%;
                background-position:left top;
                background-repeat:no-repeat;
            }
            &:after{
                top:auto;
                left:auto;
                right:0;
                bottom:0;
                width:12vw;
                height:10vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/huo_1.png');
                background-position:left bottom;
            }
            &.off{
                left:5vw;
                transform:translate(0,0);
                &:after{
                    opacity:0;
                }
                .ove{
                    width:0;
                    height:inherit;
                    overflow:hidden;
                }
            }
        }
        &.type_1{
            >navigator,button{
                background:rgba(255,60,60,0.3);
            }
        }
        &.type_2{
            >navigator,button{
                background:rgba(255,255,255,0.3);
            }
        }
        &.type_3{
            >navigator,button{
                background:rgba(88,117,169,0.8);
            }
        }
    }
    .middle{
        position:relative;
        top:-8vw;
        left:0;
        z-index:60;
        width:100%;
        background:#fff;
        border-radius:8vw;
        padding:2vw 3vw;
        box-sizing: border-box;
        .li{
            margin-bottom:2vw;
            padding:0;
            margin:0;
            width:100%;
            height:33.2vw;
            background:none;
            position:relative;
            image{
                width:100%;
                height:100%;
            }
            .num{
                position:absolute;
                z-index:2;
                line-height:5.79vw;
                top:6.6vw;
                left:0;
                width:15vw;
                box-sizing: border-box;
                padding-left:1.2vw;
                height:5.79vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/ti_2.png');
                background-size:100% 100%;
                font-size:@size_12;
                text-align:left;
                color:#fff;
                &:after{
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/qian_1.png');
                    background-size:100% 100%;
                    content:'';
                    width:4vw;
                    height:4vw;
                    float: left;
                    margin:0.9vw 0.5vw 0 0;
                }
                
            }
            &:nth-child(2){
                margin-top:3vw;
            }
        }
    }
    .bottom{
        overflow: hidden;
        padding-top:4vw;
        .li{
            width:48vw;
            float:left;
            background-size:100%;
            background-repeat:no-repeat;
            height:27vw;
            margin-left:1vw;
        }
        .li.type_1{
            margin-top:-0.8vw;
            width:43vw;
            height:56vw;
            margin-left:4vw;
            background-image:url('//resource.160nurse.com/canvas/healthy/img/common/an_7.png');
        }
        .li.type_2{
            background-image:url('//resource.160nurse.com/canvas/healthy/img/common/an_8.png');
        }
        .li.type_3{
            background-image:url('//resource.160nurse.com/canvas/healthy/img/common/an_12.png');
        }
    }
    .click_list{
        position:absolute;
        bottom:30vw;
        right:4vw;
        z-index:60;
        .li{
            width:12vw;
            height:12vw;
            background:none;
            background-size:100% 100%;
            margin-top:4vw;
        }
        button.li{
            margin:0;
            background-image:url('//resource.160nurse.com/canvas/healthy/img/mod/icon_1.png');
        }
        navigator.li:nth-of-type(1){
            background-image:url('//resource.160nurse.com/canvas/healthy/img/mod/icon_2.png');
        }
        navigator.li:nth-of-type(2){
            background-image:url('//resource.160nurse.com/canvas/healthy/img/mod/icon_3.png');
        }
        navigator.li:nth-of-type(3){
            background-image:url('//resource.160nurse.com/canvas/healthy/img/mod/icon_4.png');
        }
    }
}

.complete_end{
    min-height:100vh;
    width:100vw;
    overflow:auto;
    padding-bottom:15vw;
    box-sizing: border-box;
    background:#e42400;
    .top{
        width:90vw;
        margin-left:5vw;
        border-radius:3vw;
        position:relative;
        overflow: hidden;
        background:#e21900;
        .img{
            width:inherit;
            height:inherit;
            position:relative;
            >image,>view{
                position:absolute;
            }
            .top_img{
                left:0;
                top:28vw;
                z-index:2;
                width:100%;
                height:100%;
            }
            .wrds_img{
                width:100%;
                left:0;
                top:0;
                z-index:3;
            }
            .iocn{
                width:calc(~'15vw * 0.9');
                height:calc(~'15vw * 0.9');
                z-index:1;
            }
            .walk{
                text-align: center;
                width:90%;
                padding:0 5%;
                font-size:@size_14;
                color:#FFD900;
                left:0;
                top:120vw;
                z-index:4;
                .b{
                    display:inline-block;
                    color:#fff;
                }
            }
            .this_wrds{
                position:absolute;
                bottom:50vw;
                left:5vw;
                width:40vw;
                display:none;
                .name{
                    font-size:@size_20;
                    color:#FFD900;
                    margin-bottom:3vw;
                }
                .time{
                    font-size:@size_12;
                    color:#FFD900;
                    image{
                        display:inline-block;
                        width:3vw;
                        margin-left:1vw;
                    }
                }
                .ewm{
                    position:absolute;
                    right:-40vw;
                    top:0;
                    width:26vw;
                    height:26vw;
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/ewm_1.png');
                    background-size:100% 100%;
                }
                .tiao,.logo{
                    width:30vw;
                }
                &.on{
                    display: block;
                }
            }
        }
        .wrds_list{
            top:127vw;
            left:0;
            padding:0 5vw;
            z-index: 5;
            text{
                display: block;
                word-break:break-all;
                color:#fff;
                margin-top:2vw;
                font-size:@size_16;
                line-height:8vw;
                background-image:url('//resource.160nurse.com/canvas/healthy/img/common/pen_3.png');
                background-repeat:no-repeat;
                background-size:8vw;
                background-position:left top;
            }
            text:first-letter{
                float: left;
                font-size:@size_12;
                margin:0 5vw 0 3.2vw;
            }
        }
        .wrds_an{
            position:absolute;
            bottom:32vw;
            left:5vw;
            width:80vw;
            box-sizing: border-box;
            padding:10vw 2vw 1vw 2vw;
            background:#FFD900;
            border-radius:1vw;
            overflow: hidden;
            background-image:url('//resource.160nurse.com/canvas/healthy/img/common/title_3.png');
            background-repeat:no-repeat;
            background-size:60%;
            background-position:center top 3vw;
            .textarea,.input{
                background:#fff;
                width:100%;
                height:20vw;
                line-height:6vw;
                font-size:@size_14;
                color:@color_text;
                border-radius:2vw;
                box-sizing: border-box;
                padding:0vw 3vw 12vw 3vw;
            }
            .input{
                width:72%;
                height:12vw;
                line-height:8;
                display:none;
                padding:2vw 20vw 2vw 3vw;
            }
            &.type_1{
                background:none;
                background:#FFD900;
                padding:1vw 2vw;
                bottom:40vw;
                .textarea{display:none;}
                .input{display:block;}
                .button{display:none;}
            }
            &.type_2{
                display:none;
            }
            button{
                position:absolute;
                z-index:10;
                bottom:3vw;
                right:4vw;
                padding:0 4vw;
                height:8vw;
                line-height:8vw;
                border-radius:2vw;
                color:#DF0000;
                font-size:@size_14;
                background:#FFD900;
            }
            button:first-of-type{
                right:21vw;
            }
        }
        .an1,.an2{
            position:absolute;
            left:17.5%;
            bottom:12vw;
            z-index:4;
            width:60vw;
            line-height:11vw;
            height:11vw;
            text-align: center;
            color:#DF0000;
            padding:0;
            font-size:@size_16;
            border-radius:5vw;
            background:#fff;
        }
        .an2{
            left:20%;
            background:#FFD900;
        }
    }
    .bottom{
        width:90vw;
        margin:5vw 0 0 5vw;
        box-sizing: border-box;
        padding:3vw;
        border-radius:3vw;
        position:relative;
        overflow: hidden;
        background:#fff;
        .h2{
            line-height:8vw;
            font-size:@size_14;
            color:@color_main;
        }
        .ul{
            padding-top:3vw;
            overflow: hidden;
            text-align: center;
            .li{
                float: left;
                width:21vw;
                margin-bottom:3vw;
                .img{
                    width:13vw;
                    height:13vw;
                    margin-left:4vw;
                    margin-bottom:2vw;
                    image{
                        width:100%;
                        height:100%;
                    }
                }
                text{
                    display: block;
                    line-height:6vw;
                    font-size:@size_14;
                    color:@color_text;
                }
            }
        }
    }
    .an{
        width:90vw;
        margin:5vw;
        line-height:12vw;
        height:12vw;
        border-radius:6vw;
        background:#00D2C3;
        color:#fff;
        text-align: center;
    }
}
//公共项目分类
.g_xiang_mu_fen_lei{
    position:fixed;
    top:0;
    left:0;
    opacity:0;
    z-index:13;
    width:100%;
    height:100%;
    overflow: hidden;
    pointer-events:none;
    .fd{
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        background:#fff;
        z-index:5;
        transform:translate(0,120%);
        .container{
            min-height:70vw;
            width:90vw;
            margin:0 5vw;
            .top{
                min-height:16vw;
                border-bottom:1px solid @color_xian;
                padding-bottom:1em;
                position:relative;
                margin:0;
                .tp{
                    float: left;
                    border:1vw solid #fff;
                    margin-top:-6vw;
                    border-radius:1.5vw;
                    width:22vw;
                    height:22vw;
                    margin-right:2vw;
                    image{
                        height:100%;
                        width:100%;
                    }
                }
                .right{
                    width:64vw;
                    overflow: hidden;
                    .h2{
                        margin:2vw 0 1vw 0;
                        font-size:@size_14;
                        color:@color_main;
                        font-weight:400;
                        overflow: hidden;
                        word-break: break-all;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp:2;
                    }
                    >view{
                        width:100%;
                        overflow: hidden;
                        line-height:6vw;
                        .span,.p{
                            display:inline-block;
                            color:#FFB937;
                            font-size:@size_12;
                        }
                        .b{
                            display:inline-block;
                            font-size:@size_16;
                            color:#FFB937;
                            margin-right:1vw;
                        }
                        .p{
                            margin:0 1vw;
                        }
                    }
                    .strike{
                        text-decoration: 
                        line-through;
                        color:@color_font;
                        font-size:@size_12;
                        text-decoration: none;
                    }
                }
            }
            .h1{
                margin:1vw 0 2vw 0;
                color:@color_main;
                font-size:@size_14;
                font-weight:400;
                float: left;
                width:100%;
                line-height:6vw;
            }
            .ul{
                width:100%;
                padding:0;
                margin:0;
                overflow:auto;
                list-style:none;
                .li{
                    color:@color_font;
                    background:@background;
                    padding:0 4vw;
                    border:1px solid @color_xian;
                    border-radius:1.5vw;
                    float: left;
                    line-height:7vw;
                    height:7vw;    
                    margin:0 4vw 3vw 0;
                    text-align: center;
                    font-size:@size_12;
                    cursor:pointer;
                }
                .li.on{
                    background:#ffb937;
                    color:#fff;
                    border:1px solid #ffb937;
                }
            }
            .text{
                display: block;
                overflow: hidden;
                line-height:9vw;
                padding-top:3vw;
                height:9vw;
                margin-bottom:15vw;
                margin-top:18vw;
                border-top:1px solid @color_xian;
                .le{
                    width:15vw;
                    color:@color_main;
                    font-size:@size_14;
                    float: left;
                }
                .ri{
                    float: right;
                    .next,.prev{
                        width:7vw;
                        height:7vw;
                        float:left;
                        margin-top:2vw;
                    }
                    .prev{ 
                        margin-right:1vw;
                        background:url('http://resource.160nurse.com/1.0/img/g_img/fu.jpg');
                        background-size:100% 100%;
                    }
                    .next{
                        margin-left:1vw;
                        background:url('http://resource.160nurse.com/1.0/img/g_img/zheng.jpg');
                        background-size:100% 100%;
                    }
                    .prev.on{
                        background:url('http://resource.160nurse.com/1.0/img/g_img/fu_2.jpg');
                        background-size:100% 100%;
                    }
                    .next.on{
                        background:url('http://resource.160nurse.com/1.0/img/g_img/zheng_2.jpg');
                        background-size:100% 100%;
                    }
                }
            }
            .text.bot{
                border-bottom:1px solid @color_xian;
            }
        }
        .num{
            margin-top:6vw;
            overflow:hidden;
            view{
                box-sizing: border-box;
                line-height:7vw;
                height:7vw;
                float: left;
            }
            .wz{
                font-size:@size_14;
                color:@color_text;
                margin-right:4vw;
            }
            .le,.ri{
                width:6vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/an_5.png');
                background-size:100%;
                background-position:center center;
                background-repeat:no-repeat;
                margin: 0 3vw 0 0;
            }
            .mid{
                width:14vw;
                text-align: center;
                color:@color_text;
                font-size:@size_14;
                border-radius:2vw;
                border:1px solid #ccc;
            }
            .ri{
                margin: 0 0 0 3vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/an_6.png');
            }
        }
        navigator{
            width:100%;
            height:14vw;
            line-height:14vw;
            text-align: center;
            color:#fff;
            background-image: linear-gradient(to right, #ffb937 0%, #ff6800 100%); 
        }
        .overflow{
            width:100%;
            margin:4vw 0 0 0;
            &.on{
                margin:4vw 0 8vw 0;
            }
        }
        .an_1,.an_2{
            width:50%;
            height:14vw;
            line-height:14vw;
            border-radius:0;
            text-align: center;
            float: left;
            font-size:@size_16;
            color:#fff;
            background-image: linear-gradient(to right, #ffb937 0%, #ff6800 100%);
        }
        .an_1{
            background:#f1f1f1;
            color:@color_font;
        }
        #x{
            position:absolute;
            right:1vw;
            top:0;
            z-index:2;
            width:4vw;
            height:4vw;
            padding:1vw 0 1vw 1vw;
            cursor: pointer;
            display:none;
            image{
                width:100%;
                height:100%;
            }
        }
    }
    .bg{
        position:absolute;
        top:0;
        left:0;
        z-index:2;
        width:100%;
        height:100%;
        cursor: pointer;
        background:rgba(0,0,0,0.7);
    }
}
.g_xiang_mu_fen_lei.on{
    opacity:1;
    pointer-events:auto;
    .fd.on{
       transform:translate(0,0); 
    }
}


.sleep_index{
    background-image: linear-gradient(to bottom, #3B9BDC 0%,  #E9ECFF 100%);
    width:100%;
    min-height:100vh;
    box-sizing: border-box;
    padding-bottom:16vw;
    .top{
        width:100%;
        height:50vw;
        position:relative;
        .gon{
            padding:0 4vw;
            line-height:7vw;
            height:7vw;
            color:#fff;
            border-radius:4vw;
            font-size:@size_12;
            border:1px solid rgba(255,255,255,0.5);
            position:absolute;
            right:3vw;
            top:1vw;
        }
        .click{
            width:24vw;
            height:24vw;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/an_1.png');
            background-size:100% 100%;
            z-index:2;
            position:absolute;
            top:4vw;
            left:38vw;
            animation: fang_da2 1s linear 0s infinite ;
            &.off{
                animation-play-state:paused; 
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/an_2.png');
            }
        }
        .wrds{
            width:24vw;
            height:7vw;
            line-height:7vw;
            padding-left:11vw;
            box-sizing: border-box;
            color:@color_text;
            font-size:@size_14;
            background-color:#fff;
            border-radius:3.5vw;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/qian_1.png');
            background-size:4vw 4vw;
            background-repeat:no-repeat;
            background-position:left 6vw top 1.5vw;
            position:absolute;
            left:38vw;
            top:29vw;
            z-index: 6;
            transform:scale(0,0);
            &.on{
                animation: fang_da 0.4s linear 0s 1 ;
                transform:scale(1,1);
            }
        }
        .yun{
            position:absolute;
            bottom:0;
            left:5vw;
            z-index:1;
            width:90vw;
            height:20.4vw;
            color:#fff;
            text-align: center;
            font-size:@size_12;
            line-height:10vw;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/ti_3.png');
            background-size:90%;
            background-position:center bottom;
            background-repeat:no-repeat;
        }
    }
    .bottom{
        width:90vw;
        margin-left:5vw;
        border-radius:2vw 2vw;
        min-height:calc(~'100vh - 66vw');
        background:#fff;
        overflow: hidden;
        box-sizing: border-box;
        padding:5vw;
        .h1{
            font-size:@size_14;
            color:@color_main;
            padding-bottom:2vw;
            font-weight:bold;
        }
        .ul{
            overflow: hidden;
            list-style:none;
            .li{
                width:100%;
                height:16vw;
                overflow: hidden;
                line-height:16vw;
                position:relative;
                box-sizing: border-box;
                padding-left:9vw;
                .time{
                    float: left;
                    font-size:@size_14;
                    color:@color_text;
                }
                .b{
                    float: right;
                    font-size:@size_14;
                    color:#00D2C3;
                    width:24vw;
                    padding-left:5.5vw;
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/tab_3.png');
                    background-size:4vw 4vw;
                    background-position: left center;
                    background-repeat:no-repeat;
                }
                &:before,&:after{
                    position:absolute;
                    overflow: hidden;
                    content:'';
                    display: block;
                }
                &:before{
                    top:6vw;
                    left:2vw;
                    width:3vw;
                    height:3vw;
                    background:#4b9ee4;
                    border-radius:50%;
                    z-index:2;
                }
                &:after{
                    top:0;
                    width:2px;
                    left:calc(~'3.4vw - 1px');
                    height:inherit;
                    background:#F5F5F5;
                    z-index:1;
                }
                &.off{
                    .b{
                        color:@color_anniu;
                        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/tab_4.png');
                    }
                }
            }
            .li:first-of-type{
                &:after{
                    top:8vw;
                }
            }
            .li:last-child{
                &:after{
                    top:-8vw;
                }
            }
        }
    }
}

.logs_accredit{
    width:100%;
    min-height:100vh;
    box-sizing: border-box;
    padding:93vw 13vw 8vw 13vw;
    background-image:url('//resource.160nurse.com/canvas/healthy/img/common/bg_5.png');
    background-size:100%;
    background-repeat:no-repeat;
    background-color:#fff;
    .img{
        width:50vw;
        height:21.8vw;
        margin:25vw 0 20vw 25vw;
        image{
            width:100%;
            height:100%;
        }
    }
    text{
        display: block;
        text-align: center;
        font-size:@size_20;
        font-weight:bold;
        background-image: linear-gradient(to right,#FF620C 0%, #9C0000 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height:9vw;
        letter-spacing:0.5vw;
        font-family: "PingFang-SC-Bold";
    }
    button{
        width:40vw;
        height:13.9vw;
        margin:5vw 0 0 17vw;
        background-image:url('//resource.160nurse.com/canvas/healthy/img/common/an_yes_12.png');
        background-size:100%;
        font-size:@size_14;
        color:#fff;
        line-height:13.9vw;
        text-align: center;
    }
    .wrds{
        position:absolute;
        bottom:5vw;
        text-align: center;
        font-size:@size_12;
        color:@color_text;
        width:100%;
        left:0;
    }
}


.Coterie_index{
    width:100vw;
    height:100vh;
    overflow: auto;
    .top{
        width:100%;
        height:45vw;
        overflow: hidden;
        position:relative;
        &.type_1{
            .on_2{
                left:40vw !important;
            }
        }
        >image{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            display:block;
            z-index:-1;
            opacity:0.4;
        }
        swiper{
            position:relative;
            z-index:2;
            width:100%;
            height:45vw;
            overflow: hidden;
            swiper-item{
                width:33.33vw !important;
                left:33.33vw;
                padding-top:5vw;
                overflow: hidden;
                navigator{
                    float: left;
                    width:26vw;
                    height:26vw;
                    position:relative;
                    border-radius:2vw;
                    margin-left:3.665vw;
                    margin-top:7.33vw;
                }
                &.on{
//                  width:40vw !important;
//                  height:40vw !important;
                    navigator{
                        margin:0;
                        width:33.33vw;
                        height:33.33vw;
                        text{
                            font-size:@size_14;
                            line-height:8vw;
                            height:10vw;
                            border-radius:0 0 2vw 2vw;
                        }
                    }
                    .an{
                        opacity:1;
                    }
                }
                &.on_2{
                    navigator{}
                }
                &.on_3{
                    navigator{
                        float:left;
                    }
                }
            }
            .img{
                width:inherit;
                height:inherit;
                position: absolute;
                top:50%;
                left:50%;
                transform:translate(-50%,-50%);
                z-index:1;
                overflow: hidden;
                border-radius:2vw;
                image{
                    display:block;
                    width:100%;
                    height:100%;
                }
            }
            text{
                position:absolute;
                bottom:0;
                left:0;
                z-index:2;
                display: block;
                line-height:8vw;
                height:8vw;
                text-align: center;
                white-space: nowrap;
                text-overflow: ellipsis;
                background:rgba(255,255,255,0.8);
                color:@color_text;
                font-size:@size_12;
                width:100%;
                border-radius:0 0 2vw 2vw;
            }
            .an{
                opacity:0;
                color:@color_text;
                background:#fff;
                box-shadow:0 0 4px rgba(0,0,0,0.2) ;
                position:absolute;
                z-index:4;
                border-radius:3vw;
                padding:0 3vw;
                height:5vw;
                line-height:5vw;
                bottom:-2vw;
                left:50%;
                transform:translate(-50%,0);
                font-size:@size_12;
                color:#989898;
            }
        }
//      &:before{
//          position:absolute;
//          z-index:1;
//          top:0;
//          left:0;
//          display: block;
//          content:'';
//          width:100%;
//          height:15vw;
//          background:#00D2C3;
//      }
    }
    .top_2{
        width:100%;
        height:56vw;
        position:relative;
        border-bottom:3vw solid @color_xian;
//      background:#000;
        .fd{
            position:absolute;
            width:100%;
            box-sizing: border-box;
            height:26vw;
            bottom:0;
            left:0;
            z-index:3;
            overflow: hidden;
            padding:0 5vw;
            .left{
                width:22vw;
                height:22vw;
                float: left;
                border-radius:3vw;
                overflow: hidden;
                image{
                    width:100%;
                    height:100%;
                }
            }
            .right{
                float: left;
                margin-left:3vw;
                width:46vw;
                line-height:8vw;
                .title{
                    margin-top:2vw;
                    font-size:@size_18;
                    color:#333;
                }
                .wrds{
                    font-size:@size_14;
                    color:#a4a4a4;
                    line-height:5vw;
                    margin-top:2vw;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }
            }
            .ove{
                float: left;
                box-sizing: border-box;
                font-size:@size_12;
                color:#a4a4a4;
                padding-top:1vw;
                width:46vw;
                margin:0 0 0 3vw;
                .span{
                    float: left;
                    margin-right:3vw;
                }
            }
            .an{
                float:right;
                padding:0 4vw;
                height:7vw;
                line-height:7vw;
                color:#fff;
                font-size:@size_14;
                background:#FEB500;
                border-radius:4vw;
                margin-top:-3vw;
            }
        }
        &:after{
            content:'';
            display: block;
            position:absolute;
            bottom:0;
            left:0;
            z-index:2;
            width:100%;
            height:16vw;
            background:#fff;
            border-radius:4vw 4vw 0 0;
        }
        >image{
            width:inherit;
            height:inherit;
            position:absolute;
            z-index:1;
            top:0;
            display: block;
            left:0;
            opacity:1;
        }
    }
    .middle{
        overflow: hidden;
        padding:3vw 0 0 3vw;
        .li{
            font-size:@size_12;
            color:@color_text;
            line-height:8vw;
            height:8vw;
            padding:0 3vw;
            margin-left:2vw;
            border-radius:5vw;
            background:#F5F5F5;
            float: left;
            overflow: hidden;
            margin-bottom:2vw;
        }
        .b{
            line-height:8.5vw;
            float: left;
            color:#00D2C3;
            font-size:@size_18;
            margin-right:1vw;
        }
    }
    .bottom{
        overflow: hidden;
        background:@color_xian;
        .title{
            overflow: hidden;
            height:14vw;
            line-height:8vw;
            width:100%;
            padding:3vw 5vw 0 5vw;
            margin-bottom:3vw;
            box-sizing: border-box;
            background:#fff;
            .span{
                float: left;
                border-bottom:0.5vw solid #fff;
                color:@color_text;
                font-size:@size_14;
                font-weight:600;
                margin-right:6vw;
            }
            .span.on{
                color:@color_anniu;
                font-size:@size_16;
                border-bottom:0.5vw solid @color_anniu;
                transition: all 0.3s; 
                -moz-transition: all 0.3s; 
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
            }
        }
        >.overflow{
            width:100%;
        }
        .list{
//          overflow: hidden;
            padding:0 2vw 20vw 2vw;
            box-sizing: border-box;
            width:48vw;
            float: left;
            position:relative;
//          column-count:96vw 2;
//          column-width:48vw;
//          column-gap:0;
//          display: flex;
//          flex-direction: row;
//          vertical-align:top;
//          break-inside: avoid; 
//          display: flex;
//          flex-direction: row;
            .li{
//              float: left;
                width:44vw;
                right:0;
//              position:absolute;
//              display: flex;
//              flex-direction: column;
//              justify-content: center;
//              align-items: flex-start;
//              box-sizing: border-box;
                margin:0 0 3vw 2vw;
//              break-inside: avoid; 
//              column-fill:auto; 
//              display:inline-block;
                border-radius:2vw;
                overflow: hidden;
                background:#fff;
                position:relative;
//              page-break-inside:avoid;
//              column-break-before:avoid ;
                >view.type_1{
                    &:after{
                        content:'';
                        display: block;
                        width:10vw;
                        height:10vw;
                        position:absolute;
                        left:50%;
                        top:50%;
                        transform:translate(-50%,-50%);
                        z-index:2;
                        background-image:url('http://resource.160nurse.com/canvas/healthy/img/coterie/an_1.png');
                        background-size:100% 100%;
                    }
                }
                >view{
                    position:relative;
                }
                .num{
                    position:absolute;
                    z-index:4;
                    right:3vw;
                    bottom:3vw;
                    background:rgba(0,0,0,0.4);
                    color:#fff;
                    font-size:@size_10;
                    padding:0 2vw;
                    line-height:5vw;
                    height:5vw;
                    border-radius:2.5vw;
                }
                .ti{
                    position:absolute;
                    top:0;
                    left:0;
                    width:100%;
                    font-size:@size_14;
                    color:#fff;
                    line-height:8vw;
                    height:9vw;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    padding:0 3vw;
                    background:;
                    box-sizing: border-box;
                    background-image: linear-gradient(to bottom,rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); 
                }
                image{
                    width:44vw;
//                  border-radius: 0 0 2vw 2vw;
                    overflow: hidden;
                    display: block;
                }
                video{
                    margin:0;
                    padding:0;
                    width:44vw;
                    height:77.9vw;
                }
//              .ti{
//                  line-height:6vw;
//                  font-size:@size_14;
//                  color:@color_text;
//                  width:100%;
//                  box-sizing: border-box;
//                  padding:0 3vw;
//                  word-break: break-all;
//                  text-overflow: ellipsis;
//                  display: -webkit-box;
//                  -webkit-box-orient: vertical; 
//                  -webkit-line-clamp:2;
//                  overflow: hidden;
//              }
                .overflow{
                    font-size:@size_14;
                    padding:0 3vw 1vw 3vw ;
                    height:8vw;
                    line-height:8vw;
                    background:#fff;
                    border-radius:0 0 2vw 2vw;
                    >view{
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                }
                .left{
                    float: left;
                    color:@color_text;
                    width:24vw;
                    image{
                        float: left;
                        width:6vw;
                        height:6vw;
                        margin:1vw 2vw 0 0;
                        border-radius:50%;
                    }
                }
                .right{
                    max-width:9vw;
                    color:@color_text;
                    padding-left:5vw;
                    float:right;
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_3.png');
                    background-size:4vw 4vw;
                    background-position:left center;
                    background-repeat:no-repeat; 
                    &.on{
                        color:#FB5053;
                        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/zan_2.png');
                    }
                }
            }
            &:nth-of-type(2){
                padding-right:1vw;
            }
        }
    }
}

.mei_ri_ti_mu{
    z-index:91;
    .fd{
        width:80vw;
        left:10vw;
        top:10vw;
        position:absolute;
        z-index:2;
        height:140vw;
        transform:translate(-100vw,0);
        &.on{
            transform:translate(0,0);
        }
        .up{
            position:absolute;
            top:35vw;
            right:4vw;
            z-index:5;
            height:6vw;
            line-height:6vw;
            color:#00D2C3;
            font-size:@size_12;
            display:none;
            &.on{
                display:block;
                animation: up 0.3s linear 0s 1;
            }
        }
        .top{
            width:100%;
            height:40.7vw;
            margin-bottom:-8.8vw;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/bg_2.png');
            background-size:68vw 39.5vw;
            background-repeat:no-repeat;
            background-position:left 6vw bottom 0;
            position:relative;
            z-index:2;
        }
        .middle{
            width:100%;
//          height:108.1vw;
            padding-bottom:10vw;
            background:#fff;
            border-radius:8vw;
            overflow: hidden;
            position:relative;
            .title{
                color:#193B47;
                font-size:@size_14;
                text-align: center;
                font-weight:bold;
                line-height:7vw;
                margin-top:10vw;
                padding:0 5vw;
                box-sizing: border-box;
            }
            .box_winth{
                width:480vw;
                transform:translate(0,0);
                overflow: hidden;
                .div{
                    width:80vw;
                    float: left;
                    &.suo{
                        pointer-events:none;
                    }
                }
            }
            .list{
                .li{
                    width:62vw;
                    min-height:10vw;
                    padding:2vw 4vw;
//                  overflow: hidden;
                    line-height:6vw;
                    text-align: center;
                    margin:4vw 0 0 9vw;
                    box-sizing: border-box;
                    border-radius:6vw;
                    background:#f7c968;
                    border-bottom:1vw solid #e2842c;
//                  background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/an_2.png');
//                  background-size:100% 10vw;
//                  background-repeat:no-repeat;
//                  background-position:center center;
                    font-size:@size_14;
                    position:relative;
                    color:#fff;
                    &:after{
                        content:'';
                        width:2vw;
                        height:2vw;
                        z-index:2;
                        position:absolute;
                        left:2.5vw;
                        display:block;
                        top:1.5vw;
                        background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/dian_1.png');
                        background-size:100% 100%;
                    }
                    &:before{
                        content:'';
                        width:6vw;
                        height:6vw;
                        position:absolute;
                        right:-7vw;
                        top:50%;
                        margin-top:-3vw;
                        background-size:100% 100%;
                    }
                }
                .li.on{
                    background:#00d2c3;
                    border-bottom:1vw solid #01b4a7;
                    &:before{
                        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/tab_5.png');
                    }
                   
                }
                .li.off{
                    background:#ff6444;
                    border-bottom:1vw solid #db5337;
                    &:before{
                        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/tab_6.png');
                    }
                }
            }
            .an{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/an_4.png');
                background-size:100% 100%;
                width:30vw;
                height:10vw;
                line-height:9vw;
                text-align: center;
                margin-left:25vw;
                color:#fff;
                margin-top:5vw;
                font-size:@size_16;
                &.suo{
                    background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/an_5.png');
                    pointer-events: none;
                }
            }
            &:after{
                content:'答对1题得0.1健康币，每天得币上限为2';
                font-size:@size_10;
                color:@color_text;
                text-align: center;
                width:100%;
                position:absolute;
                bottom:3vw;
                width:100%;
                left:0;
            }
        }
        .x{
            position:absolute;
            top:12vw;
            right:0;
            z-index:3;
            width:8vw;
            height:8vw;
            cursor:pointer;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/an_6.png');
            background-size:100% 100%;
        }
    }
}

.g_jie_guo{
    z-index:92;
    .fd{
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/ren_4.png');
        background-repeat:no-repeat;
        background-size:100%;
        background-position:top left;
        width:90vw;
        height:80vw;
        left:5vw;
        top:30vw;
        position:absolute;
        z-index:2;
        .wrds{
            position: absolute;
            top: 26vw;
            left: 57.5vw;
            width: 22vw;
            span{
                line-height:12vw;
                font-size:@size_12;
                color:#c37100;
                display: block;
                text-align:left;
            }
        }
        .an{
            position: absolute;
            bottom:12.5vw;
            cursor:pointer;
            left:33vw;
            width:26vw;
            height:9vw;
            line-height:9vw;
            text-align: center;
            z-index:1;
            border-radius:4.5vw;
            color:#fff;
            font-size:@size_14;
            background:#00D2C3;
        }
    } 
    .x{
        position:absolute;
        width:10vw;
        height:10vw;
        top:20vw;
        right:10vw;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/an_6.png');
        background-size:80%;
        background-position:center center;
        background-repeat:no-repeat;
        z-index:4;
        cursor:pointer;
    }
    .g_bg{
        pointer-events: none;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:1;
        background:rgba(0,0,0,0.5);
    }
}
.index_gif{
    position:fixed;
    width:100vw;
    height:100vh;
    z-index:999;
    left:0;
    top:0;
    background:rgba(0,0,0,0.5);
    image{
        margin:32vw 0 0 8vw;
        width:60vw;
        height:60vw;
    }
    text{
        display: block;
        width:60vw;
        color:#fff;
        margin-left:20vw;
        margin-top:-8vw;
        font-size:@size_14;
        text-align: center;
    }
}

.canvas_box{
//  display:none;
    width:90vw;
    /* height:37.6vw; */
    border-radius:4vw;
    margin-left:5vw;
    padding:1vw 5vw 0 5vw;
    margin-top:2vw;
    box-sizing: border-box;
    position:relative;
    background-image:linear-gradient(to right, #12E1D2 0%, #00D2C3 100%);
    .overflow{
        line-height:7vw;
        height:8vw;
    }
    .an_1{
        float: left;
        margin-top:1vw;
        width:12vw;
        height:6vw;
        line-height:6vw;
        text-align: center;
        color:#00D2C3;
        background:#fff;
        border-radius:2vw;
        font-size:@size_12;
    }
    .right{
        float:right;
        color:#fff;
        font-size:@size_12;
        margin-right:4vw;
        &.type_1{
            margin:0;
        }
    }
    .list{
        overflow: hidden;
        width:82vw;
        margin-left:-3vw;
        padding-bottom:2vw;
        height:6vw;
        display: flex;
        justify-content: space-between;
        text{
            color:#fff;
            font-size:@size_10;
            display:inline-block;
        }
        text:first-of-type{
            margin-right:-2vw;
        }
    }
    .canvas{
        width:80vw;
        height:32vw;
        overflow: hidden;
        position:relative;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/bg_3.png');
        background-size:97% 97%;
        background-repeat:no-repeat;
        background-position:center center;
    }
    .per_canvas{
        width:inherit;
        height:inherit;
//      transform:translate(-42vw,-16.6vw) scale(0.5,0.5);
        display: block !important;
    }
    &:after{
        content:'1w';
        font-size:@size_10;
        color:#fff;
        z-index:2;
        position:absolute;
        top:23vw;
        left:1.5vw;
        display: block;
    }
}
.ka_lu_li{
    .tp{
        width:100%;
        height:26vw;
        background:url('//resource.160nurse.com/canvas/healthy/img/common/title_11.png');
        background-size:70vw 18vw;
        background-repeat:no-repeat;
        background-position:center center;
    }
    .num{
        text-align: center;
        color:#fff;
        font-size:@size_14;
        .span,.b{
            display: inline-block;
            line-height:7vw;
        }
        .b{
            font-size:@size_18;
            color:#FFC506;
            font-weight:bold;
        }
    }
    .img{
        margin-top:4vw;
        width:100%;
        height:64.3vw;
        background:url('//resource.160nurse.com/canvas/healthy/img/common/bg_12.png');
        background-size:86vw 100%;
        background-repeat:no-repeat;
        background-position:center center;
        .li{
            display:inline-block;
            background:#FFC506;
            font-size:@size_14;
            color:#fff;
            line-height:9vw;
            padding:0 3vw;
            position:relative;
            margin:5vw 0 0 16vw;
            border-radius:0 2vw 2vw 2vw;
            &:before{
                content:'';
                position:absolute;
                left:-3vw;
                top:0;
                width:3vw;
                height:5.3vw;
                background:url('//resource.160nurse.com/canvas/healthy/img/common/san_5.png');
                background-size:100% 100%;
            }
        }
        .li:first-of-type{
            margin-top:10vw;
        }
        .li:nth-of-type(2){
            margin:5vw 0 0 26vw;
            border-radius:2vw 0 2vw 2vw;
            &:before{
                left:auto;
                right:-3vw;
                background-image:url('//resource.160nurse.com/canvas/healthy/img/common/san_4.png');
            }
        }
    }
}
.tui_jian{
    position:fixed;
    top:0;
    left:0;
    height:100vh;
    width:100vw;
    z-index:1000;
    .fd{
        position:absolute;
        z-index: 2;
        width:80vw;
        height:114.6vw;
        padding-top:56vw;
        box-sizing: border-box;
        top:10vh;
        left:10vw;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/bg_4.png');
        background-size:100% 100%;
        &.type_1{
            top:calc(~'50% - 55vw');
            height:73.7vw;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/bg_11.png');
        }
        &.type_2{
            top:calc(~'50% - 65vw');
            height:110vw;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/bg_13.png');
        }
        .ware{
            width:70vw;
            overflow: hidden;
            margin-left:5vw;
            background:#fff;
            padding:2vw;
            box-sizing: border-box;
            border-radius:2vw;
            .img{
                width:20vw;
                height:20vw;
                overflow: hidden;
                border-radius:1vw;
                float: left;
                image{
                    width:100%;
                    height:100%;
                }
            }
            .right{
                width:43vw;
                float:right;
                overflow: hidden;
            }
            .title{
                width:100%;
                font-size:@size_16;
                color:@color_text;
                line-height:5vw;
                height:10vw;
                word-break: break-all;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical; 
                -webkit-line-clamp:2;
            }
            .wrds{
                margin-top:5vw;
                overflow: hidden;
                line-height:5vw;
                height:5vw;
                font-size:@size_14;
                color:#FFA229;
                .span{
                    display:inline-block;
                    color:#00D2C3;
                    margin-left:2vw;
                }
            }
        }
        .an{
            width:50vw;
            margin:8vw 0 0 15vw;
            line-height:12vw;
            height:12vw;
            border-radius:6vw;
            background:#fff;
            color:#ff4942;
            text-align: center;
            font-size:@size_16;
            cursor:pointer;
        }
    }
    .x{
        position:absolute;
        width:10vw;
        height:10vw;
        top:0;
        right:0;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/an_6.png');
        background-size:80%;
        background-position:center center;
        background-repeat:no-repeat;
        z-index:4;
        cursor:pointer;
        &.type_2{
            width:14vw;
            height:14vw;
            top: auto;
            bottom:-18vw;
            left:calc(~'50% - 7vw');
        }
    }
}

.skin_float{
    position:absolute;
    z-index:92;
    left:19vw;
    bottom:50vw;
    width:66vw;
    height:auto;
    top:auto;
    overflow: initial;
    box-sizing: border-box;
    padding:3vw 3vw 0 3vw;
    border-radius:1vw;
    background:#fff;
    transform:translate(-100vw,0);
    .list{
        max-height:30vw;
        overflow-y:auto;
        &.type_0{
            .li:first-of-type:after{
                display:block;
            }
        }
        &.type_1{
            .li:nth-of-type(2):after{
                display:block;
            }
        }
        &.type_2{
            .li:nth-of-type(3):after{
                display:block;
            }
        }
        &.type_3{
            .li:nth-of-type(4):after{
                display:block;
            }
        }
    }
    .li{
        padding:0;
        background:none;
        position:relative;
        float: left;
        width:18vw;
        margin:0 0 3vw 3vw;
        image{
            border-radius:1vw;
            overflow: hidden;
            width:100%;
            height:auto;
            display: block;
        }
    }
    .li:after{
        transform:none !important;
        position:absolute;
        z-index:2;
        left:0;
        top:0;
        display:none;
        content:'';
        width:18vw;
        border-radius:1vw;
        height:100%;
        box-sizing: border-box;
        border:1px solid #e25b92;
        pointer-events: none;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/tab_7.png');
        background-size:4vw 4vw;
        background-repeat:no-repeat;
        background-position:right 0.5vw top 0.5vw;
    }
    .li:nth-child(1),.li:nth-child(4){
        margin-left:0;
    }
    &:before{
        position:absolute;
        z-index:1;
        top:24vw;
        left:-2vw;
        content:'';
        width:0;
        display: block;
        height:0;
        border-top: 1vw solid transparent;     
        border-right: 2vw solid #fff ;  
        border-bottom: 1vw solid transparent; 
    }
    &.on{
        transform:translate(0,0);
    }
}
.qian_fl{
    position:fixed;
    top:0;
    left:0;
    z-index:16;
    height:100%;
    width:100%;
    .fd{
        position:absolute;
        z-index:2;
        width:80vw;
        top:50%;
        left:10vw;
        transform:translate(0,-50%);
        background:#fff;
        border-radius:2vw;
        padding:5vw;
        box-sizing: border-box;
        .h1{
            font-size:@size_14;
            color:@color_text;
            text-align: center;
            line-height:8vw;
            height:12vw;
        }
        .ul{
            overflow: hidden;
            .li{
                width:21.33vw;
                float: left;
                border-radius:2vw;
                background-color:#F5F5F5;
                background-size:10vw;
                background-position: top 4vw center;
                background-repeat:no-repeat;
                margin:0 0 3vw 3vw;
                font-size:@size_12;
                text-align: center;
                color:@color_text;
//              padding-top:16vw; 
                box-sizing: border-box;
                border:0.5vw solid #F5F5F5;
                cover-view{
                    line-height:10vw;
                    height:10vw;
                }
                .text{
                    line-height:7vw;
                    height:7vw;
                    margin-bottom:-3vw;
                    color:#00D2C3;
                    font-size:@size_12;
                    font-weight:bold;
                }
                cover-image{
                    width:16vw;
                    margin-left:2vw;
                    height:auto;
                    margin-top:1vw;
                }
            }
            .li:first-of-type{
                margin-left:0;
//              background-image:url('http://resource.160nurse.com/canvas/healthy/img/coterie/qian_1.png');
            }
            .li:nth-of-type(2){
//              background-image:url('http://resource.160nurse.com/canvas/healthy/img/coterie/qian_2.png');
            }
            .li:nth-of-type(3){
//              background-image:url('http://resource.160nurse.com/canvas/healthy/img/coterie/qian_3.png');
            }
            .li:nth-of-type(4){
                 margin-left:0;
//              background-image:url('http://resource.160nurse.com/canvas/healthy/img/coterie/qian_4.png');
            }
            .li:nth-of-type(5){
//              background-image:url('http://resource.160nurse.com/canvas/healthy/img/coterie/qian_5.png');
            }
            .li:nth-of-type(6){
//              background-image:url('http://resource.160nurse.com/canvas/healthy/img/coterie/qian_6.png');
            }
            .li:nth-of-type(7){
                 margin-left:0;
            }
            &.type_1 .li:first-of-type,&.type_2 .li:nth-of-type(2),&.type_3 .li:nth-of-type(3),&.type_4 .li:nth-of-type(4),&.type_5 .li:nth-of-type(5),&.type_6 .li:nth-of-type(6),&.type_a .li:nth-of-type(7),&.type_b .li:nth-of-type(8),&.type_c .li:nth-of-type(9){
                border:0.5vw solid #00D2C3;
            }
        }
        .an{
            cursor:pointer;
            margin-top:5vw;
            text-align: center;
            font-size:@size_16;
            color:#fff;
            background:#00D2C3;
            line-height:12vw;
            height:12vw;
            border-radius:6vw;
        }
    }
}


.g_wicket{
    position:fixed;
    bottom:0;
    left:0;
    z-index:16;
    width:100vw;
    height:100%;
    display:none;
    .fd{
        position:absolute;
        z-index:2;
        width:90%;
        left:5%;
        top:0;
        box-sizing: border-box;
        padding:2rem 2rem 1rem 2rem;
        background:#fff;
        overflow: hidden;
        border-radius:3vw;
        transform:translate(0,-40vw);
        #textarea{
            width:100%;
            border:1px solid #ccc;
            color:#727272;
            font-size:@size_16;
            padding:0.5rem 1.5rem;
            box-sizing: border-box;
            border-radius:0.6rem;
            margin:0;
            outline:none;
            height:10rem;
        }
        button,.x{
            float:right;
            text-align: center;
            font-size:@size_14;
            color:#ff3284;
            border:1px solid #ff3284;
            border-radius:1rem;
            height:8vw;
            line-height:8vw;
            width:15vw;
            background:none;
            padding:0;
            margin-top:1vw;
            outline:none;
            cursor:pointer;
        }
        button{
            border-radius:1.2rem;
            background:#00D2C3;
            color:#fff;
        }
        .x{
            line-height:8vw;
            float: left;
            border:1px solid #ccc;
            color:@color_font;
            cursor:pointer;
        }
        .num{
            position:absolute;
            z-index:2;
            right:3rem;
            bottom:5rem;
            font-size:@size_12;
            color:@color_font;
        }
        .num.on{
            color:#ff3284;
        }
        #textarea.on{
            color:#ff3284;
            border:1px solid #ff3284;
        }

    }
    .bg{
        position:absolute;
        width:100%;
        height:100%;
        z-index:1;
        left:0;
        top:0;
        background:rgba(0,0,0,0.6);
        cursor:pointer;
    }
    &.type_1{
        .fd{
            padding:2vw 3vw 3vw 3vw;
            left:0;
//          bottom:0;
            width:100%;
            border-radius:0;
            button,.x{
                margin:0 0 2vw 0;
                border:0;
                text-align:left;
            }
            button{
//              color:#00d2c3;
                text-align:center;
            }
            #textarea{
                height:28vw;
//              min-height:9vw;
//              max-height:28vw;
                padding:0 3vw;
                line-height:9vw;
                border:0;
                font-size:@size_14;
                background:@color_xian;
            }
            .num{
                right:5vw;
                bottom:4vw;
            }
            .tab{
                padding-top:1vw;
                overflow: hidden;
                cursor:pointer;
                img{
                    float: left;
                    width:6vw;
                    cursor:pointer;
                }
            }
            &.type_1{
//              bottom:46.33vw;
            }
        }
    }
}
.g_wicket.on{
    display:block;
    .fd.on{
        transform:translate(0,0);
    }
}
.fen_lei_fl{
    z-index:99;
    .fd{
        position:absolute;
        z-index:2;
        width:60vw;
        left:20vw;
        top:30%;
        transform:translate(0,-50%);
        overflow: hidden;
        navigator{
            width:18vw;
            padding-top:18vw;
            float: left;
            background-image:url('http://resource.160nurse.com/1.0/img/g_img/an_3.png');
            background-size:16vw;
            background-repeat:no-repeat;
            background-position:top 2vw center;
            font-size:@size_14;
            text-align: center;
            color:@color_text;
            height:10vw;
            line-height:10vw;
            margin-left:8vw;
        }
        navigator:first-of-type{
            background-image:url('http://resource.160nurse.com/1.0/img/g_img/an_1.png');
        }
    }
    .wrds{
        position:absolute;
        z-index:3;
        bottom:5vw;
        left:0;
        width:100%;
        line-height:6vw;
        text-align: center;
        color:#ccc;
        font-size:3vw;
        text{
            display: block;
            padding:0 7vw;
        }
    }
    .x{
        position:absolute;
        z-index: 5;
        top:0;
        left:2vw;
        width:7vw;
        height:7vw;
        background-image: url('http://resource.160nurse.com/1.0/img/g_img/head_2.png');
        background-size:5vw 5vw;
        background-position:center center;
        background-repeat:no-repeat;
        background-color:rgba(0,0,0,0.5) ;
        border-radius:50%;
    }
    .bg{
        background:rgba(255,255,255,1);
        position:absolute;
        z-index:1;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
}
.video_fl{
    z-index:99;
    .fd{
        position:absolute;
        top:0;
        left:0;
        z-index:2;
        width:100vw;
        height:100vh;
        overflow: hidden;
        video{
            width:inherit;
            height:inherit;
        }
        cover-image{
            position:absolute;
            top:3vw;
            left:3vw;
            z-index:3;
            width:8vw;
            height:8vw;
            cursor:pointer;
        }
    }
}

.fan_da_fl{
    .fd{
        position:absolute;
        top:50%;
        left:0;
        z-index:2;
        transform:translate(0,-50%);
        image{
            width:100vw;
            height:auto;
            display: block;
        }
    }
    .x{
        position:fixed;
        top:3vw;
        left:3vw;
        z-index:3;
        width:8vw;
        height:8vw;
        cursor:pointer;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/zou_lu/an_6.png');
        background-size:100% 100%;
    }
}
.gong_gan{
    position:fixed;
    top:0;
    left:0;
    z-index:99;
    width:100%;
    height:100%;
    .fd{
        width:80vw;
        padding:3vw 5vw;
        position:absolute;
        background:#fff;
        border-radius:4vw;
        z-index:3;
        left:10vw;
        top:50%;
        transform:translate(0,-50%);
        box-sizing: border-box;
        .title{
            font-size:@size_16;
            color:@color_main;
            text-align:left;
            height:10vw;
            line-height:10vw;
        }
        .wrds{
            max-height:50vh;
            overflow: auto;
            text{
                display: block;
                font-size:@size_14;
                color:@color_text;
                line-height:6vw;
                padding:2vw 0;
            }
        }
        .x{
            top:-15.84vw;
            right:3vw;
            position:absolute;
            z-index:3;
            width:7vw;
            height:15.84vw;
            background-image:url('http://resource.160nurse.com/1.0/img/g_img/cha_7.png');
            background-size:100%;
        }
    }
}
.que_ding_fl{
    width:100%;
    height:100%;
    z-index:19;
    .fd{
        position:absolute;
        z-index:3;
        top:40%;
        left:15vw;
        width:70vw;
        background:#fff;
        border-radius:2vw;
        padding:5vw;
        box-sizing: border-box;
        transform:translate(0,-50%);
        .img{
            margin:-15vw 0 -5vw 15vw;
            width:30vw;
            height:30vw;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/coterie/qian_5.png');
            background-size:100%;
            background-repeat:no-repeat ;
            background-position:left top;
        }
        .h1{
            text-align: center;
            font-size:@size_16;
            color:@color_text;
            line-height:10vw;
            margin-bottom:5vw;
            .b{
                color:#FB5053;
            }
        }
        .an1,.an0{
            float: left;
            font-size:@size_14;
            width:26vw;
            height:10vw;
            line-height:10vw;
            text-align: center;
            color:@color_text;
            background:@color_xian;
            border-radius:2vw;
            overflow: hidden;
            margin:0 0 0 3vw;
        }
        .an1{
            color:#fff;
            background:#00D2C3;
        }
    }
}

.g_scroll_true{
    width:100%;
    height:0vw;
    overflow: hidden;
    line-height:0;
    text-align: center;
    color:#c0bfbf;
    font-size:@size_14;
    transition: all 0.3s; 
    -moz-transition: all 0.3s; 
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    image{
        display:inline-block;
        width:5vw;
        height:5vw;
        vertical-align: middle;
        animation: wait 10s linear 0s infinite;
    }
    &.on{
        height:10vw;
        line-height:10vw;
    }
}

.f_yan_zheng{
    .fd{
        position:absolute;
        z-index:2;
        top:50%;
        width:80vw;
        left:10vw;
        box-sizing: border-box;
        padding:0 2vw;
        transform:translate(0,-50%);
        background:#fff;
        border-radius:2vw;
        overflow: hidden;
        .title{
            line-height:10vw;
        }
        .box{
            width:80vw;
            height:80vw;
            position:relative;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/bg_5.jpg');
            background-size:100% 100%;
            .op{
                width:20vw;
                height:20vw;
                background:rgba(255,255,255,0.4);
                position:absolute;
                z-index:2;
            }
            .this{
                z-index: 3;
                opacity:0.5;
                width:20vw;
                height:20vw;
            }
        }
    }
}
//


@keyframes guang{
    0% {opacity:0;}
    10%{opacity:1;}
    30%{opacity:1;}
    40%{opacity:0;}
    100%{opacity:0;}
}
@keyframes left_right{
    0% {
        transform:translate(0,0);
    }
    25% {
        transform:translate(20%,0);
    }
    75%{
        transform:translate(-20%,0);
    }
    100%{
        transform:translate(0,0);
    }
}
@keyframes yan{
    0% {
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/yan_1.png');
    }
    20% {
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/yan_1.png');
    }
    24% {
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/yan_2.png');
    }
    40% {
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/yan_2.png');
    }
    44% {
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/yan_1.png');
    }
    70% {
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/yan_1.png');
    }
    74% {
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/yan_2.png');
    }
    96% {
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/yan_2.png');
    }
    100% {
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/yan_1.png');
    }
}
@keyframes jin_bi{
    20%{
        bottom:0;
        opacity:1;
    }
    80%{
        bottom:0;
        opacity:1;
        transform:scale(1,1);
    }
    100%{
        bottom:0;
        opacity:0;
        transform:scale(1.4,1.4);
    }
}
@keyframes ui_shui{
    0%{
        right:5vw;
        top:auto;
        bottom:110vw;
    }
    15%{
        right:20vw;
        top:auto;
        bottom:110vw;
    }
    25%{
        transform:rotateZ(-30deg);
        right:20vw;
        top:auto;
        bottom:110vw;
    }
    70%{
        transform:rotateZ(-30deg);
        right:20vw;
        top:auto;
        bottom:110vw;
    }
    85%{
        transform:rotateZ(0);
        right:20vw;
        top:auto;
        bottom:110vw;
        opacity:1;
    }
    95%{
        transform:rotateZ(0);
        right:10vw;
        top:auto;
        bottom:110vw;
        opacity:0;
    }
    99.99%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}
@keyframes shui{
    1%{
        opacity:1;
        display:block;
        transform:rotateZ(40deg) translate(0,0);
    }
    99%{
        display:block;
        opacity:0.3;
        transform:rotateZ(-20deg) translate(-10vw,-6vw);
    }
    100%{
        display:none;
    }
}





.money_tree{
    width:100vw;
    height:100vh;
    overflow: hidden;
    position:relative;
    background-image:linear-gradient(to bottom, #90b1ff 0%,  #FFFFFF 60%); 
    >view,button{
        position:absolute;
        background:none;
        background-size:100%;
        background-repeat:no-repeat;
        pointer-events:none;
    }
    .title{
        font-size:@size_14;
        color:#fff;
        bottom:24.5vw;
        left:50%;
        transform:translate(-50%,0);
        padding:0 4vw 0 10vw;
        line-height:8vw;
        height:8vw;
        border-radius:4vw;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/qian_1.png');
        background-size:5vw;
        background-position:left 3vw center;
        background-color:rgba(0,0,0,0.2);
        pointer-events:auto;
        z-index:65;
    }
    .ui_qian,.ui_fen,.ui_di{
        width:19.5vw;
        height:19.5vw;
        left:3vw;
        top:22vw;
        z-index:61;
        pointer-events:auto;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/ui_1.png'); 
        >text,.text{
            white-space: nowrap;
            display: block;
            position:absolute;
            bottom:-1.8vw;
            padding:0 3vw;
            line-height:4.6vw;
            height:4.6vw;
            border-radius:2.3vw;
            background:#fea602;
            font-size:@size_10;
            color:#fff;
            left:50%;
            transform:translate(-50%,0);
        }
    }
    .ui_fen{
        top:24vw;
        left:auto;
        right:3vw;
        margin:0;
        overflow:initial;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/ui_2.png');
        text{
            background:#ff6802;
        }
    }
    .ui_di{
        top:50vw;
        left:auto;
        right:3vw;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/ui_3.png');
        background-position:top 11vw left;
        .text{
            background:#00a976;
            bottom:-10.4vw;
            white-space: initial;
            text-align:center;
            width:12vw;
            height:8vw;
            padding:1vw 2vw;
            text{
                display: block;
                width:100%;
                line-height:4vw;
            }
            &.type_1{
                bottom:-4vw;
                height:4vw;
            }
        }
        .tiao{
            position:absolute;
            bottom:1vw;
            width:70%;
            left:15%;
            height:2vw;
            border-radius:1vw;
            overflow: hidden;
            background:#ffe7d6;
            z-index:10;
            >view{
                width:50%;
                height:2vw;
                border-radius:1vw;
                background:#ff6802;
            }
        }
    }
    .pai{
        width:27vw;
        height:27vw;
        position:absolute;
        bottom:36vw;
        right:10vw;
        z-index:10;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/pai_1.png');
        background-size:100%;
        box-sizing: border-box;
        padding:2.5vw 0 0 3.5vw;
        text{
            display: block;
            font-size:@size_12;
            color:#936527;
            line-height:4.5vw;
        }
    }
    .tu_bo_shu{
        width:24vw;
        height:24vw;
        position:absolute;
        bottom:26vw;
        right:10vw;
        z-index:30;
        overflow: hidden;
        pointer-events:auto;
        >view{
            background-size:100%;
            background-position:bottom center;
            background-repeat:no-repeat;
            width:inherit;
            height:inherit;
            position:absolute;
            top:0;
            left:0;
            transform-origin: bottom center;
        }
        .tu_2{
            z-index:3;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/tu_2.png'); 
        }
        .tu_4{
            top:-2vw;
            z-index: 2;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/tu_4.png');
            background-size:60%;
            transform:translate(0,24vw);
        }
        .tu_3{
            top:-1.5vw;
            z-index: 1;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/tu_3.png');
            background-size:92%;
        }
        &.on{
            pointer-events:none;
            .tu_2,.tu_3{}
            .tu_4{
                transform:translate(0,0);
            }
        }
        &.off{
            pointer-events:none;
        }
    }
    .ui_shui{
        width:19vw;
        height:19vw;
        right:5vw;
        top:51vw;
        z-index:61;
        pointer-events:auto;
        background-size:15vw auto;
        background-position:center top;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/ui_5.png'); 
        >view{
           position:absolute;
           top:-1vw;
           left:2vw;
           background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shui.png'); 
           background-size:100%;
           background-repeat:no-repeat;
           width:3vw;
           height:3vw;
           z-index:3;
           animation: shui 0.6s linear 0s 3;
           display:none;
           opacity:0;
        }
        >view:nth-of-type(2){
            animation: shui 0.6s linear 0.2s 3;
        }
        >view:nth-of-type(3){
            animation: shui 0.6s linear 0.4s 3;
        }
        >view:nth-of-type(4){
            top:2.5vw;
            left:-1vw;
            animation: shui 0.6s linear 0.1s 3;
        }
        >view:nth-of-type(5){
            top:2.5vw;
            left:-1vw;
            animation: shui 0.6s linear 0.3s 3;
        }
        >view:nth-of-type(6){
            top:2.5vw;
            left:-1vw;
            animation: shui 0.6s linear 0.5s 3;
        }
        >view:nth-of-type(7){
            top:4.5vw;
            left:-2vw;
            animation: shui 0.6s linear 0s 3;
        }
        >view:nth-of-type(8){
            top:4.5vw;
            left:-2vw;
            animation: shui 0.6s linear 0.2s 3;
        }
        &:before{
            content:'';
            display: block;
            position:absolute;
            bottom:2vw;
            left:2vw;
            width:19vw;
            height:10vw;
            z-index:1;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/ui_4.png'); 
            background-size:100%;
            background-repeat:no-repeat;
        }
        &.on{
            pointer-events:none;
            animation: ui_shui 5s linear 0s 1;
            &:before{
                display:none;
            }
        }
        &.go{
            >view{
                 display:block;
            }  
        }
    }
    .tai_yang{
        width:400vw;
        height:400vw;
        top:-220vw;
        right:-220vw;
        z-index:60;
//      animation: wait 60s linear 0s infinite;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/guang_0.png'); 
    }
    .guang{
        width:100vw;
        height:40.6vw;
        left:0;
        bottom:0;
        z-index:50;
        >view{
            width:inherit;
            height:inherit;
            position:absolute;
            top:0;
            left:0;
            background-size:100%;
            opacity:0;
        }
        .img_1{
            opacity:1;
//          animation: guang 10s linear 0s infinite;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/guang_1.png'); 
        }
        .img_2{
            display:none;
//          animation: guang 10s linear 3.3s infinite;
//          background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/guang_2.png'); 
        }
        .img_3{
            display:none;
//          animation: guang 10s linear 6.6s infinite;
//          background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/guang_3.png'); 
        }
    }
    .cao{
        width:100vw;
        height:29.7vw;
        bottom:0;
        left:0;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/cao_1.png');
        z-index:45;
    }
    .ren{
        width:40vw;
        height:40vw;
        bottom:30vw;
        left:20vw;
        z-index:30;
        pointer-events:auto;
        cursor:pointer;
        >view{
            position:absolute;
            background-size:100%;
            background-repeat:no-repeat;
        }
        .yan{
            width:1.8vw;
            height:1.8vw;
            bottom:28vw;
            left:19vw;
            background-size:100%;
            background-position:center center;
            z-index:14;
            animation: yan 8s linear 0s infinite;
        }
        .tou_1{
            width:21.6vw;
            height:21.6vw;
            bottom:15vw;
            left:8vw;
            z-index:13;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/tou_1.png');
        }
        .tou_2{
            width:22.9vw;
            height:22.9vw;
            bottom:15vw;
            left:6vw;
            z-index:12;
            opacity:0;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/tou_2.png');
        }
        .sho_2{
            width:10vw;
            height:5.2vw;
            bottom:12vw;
            left:16vw;
            z-index:11;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/sho_2.png');
        }
        .shen{
            width:16.6vw;
            height:13.2vw;
            bottom:7.5vw;
            left:11vw;
            z-index:10;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shen_1.png');
        }
        .sho_1{
            width:7.4vw;
            height:4.76vw;
            bottom:14vw;
            left:18vw;
            z-index:9;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/sho_1.png');
        }
        .jiao{
            width:12.56vw;
            height:8.77vw;
            bottom:4.5vw;
            left:11vw;
            z-index:8;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/jiao_1.png');
        }
        .ying{
            width:13.6vw;
            height:2.5vw;
            bottom:3.5vw;
            left:10.5vw;
            z-index:1;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/ying_1.png');
        }
        &.amin{
            .tou_1,.yan{
                opacity:0;
                transform:all 0.3s;
            }
            .tou_2{
                opacity:1;
                transform:all 0.3s;
            }
        }
        &.amin2{
            .tou_1,.yan{
                opacity:1;
                transform:all 0.3s;
            }
            .tou_2{
                opacity:0;
                transform:all 0.3s;
            }
        }
    }
    .tree{
        width:100vw;
        height:200vw;
        bottom:32vw;
        left:0;
        z-index:10;
        pointer-events:noen;
        >view{
            position:absolute;
            background-size:100%;
            background-repeat:no-repeat;
            pointer-events:none;
        }
        .tu{
            z-index:2;
            bottom:0;
            left:33.3vw;
            width:33.3vw;
            height:7.65vw;
            background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/tu_1.png');
        }
        .shu_gan{
            bottom:0;
            left:0;
            width:100vw;
            height:200vw;
            z-index:7;
            transform-origin: center bottom;
            background-position:bottom 5vw center;
        }
        .ye_1{
            z-index:15;
        }
        .ye_2{
            z-index:14;
        }
        .ye_3{
            z-index:13;
        }
        .ying_1{
            z-index:7;
        }
        .ying_2{
            z-index:6;
        }
        .ying_3{
            z-index:5;
        }
        &.lv_1{
            .shu_gan{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_gan_1.png');
                background-size:22vw 66.6vw;
            }
            .ye_1{
                width:62.8vw;
                height:24.1vw;
                bottom:60vw;
                left:20vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_1.png');
            }
            .ye_2{
                width:20vw;
                height:11.7vw;
                bottom:45vw;
                left:29vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_3.png');
            }
            .ye_3{
                width:18.1vw;
                height:8vw;
                bottom:45vw;
                left:52vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_2.png');
            }
            .ying_1{
                width:49.2vw;
                height:15.22vw;
                bottom:59vw;
                left:26vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_1_1.png');
            }
            .ying_2{
                width:19.3vw;
                height:8.94vw;
                bottom:43.5vw;
                left:31vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_3_1.png');
            }
            .ying_3{
                width:13.2vw;
                height:5.55vw;
                bottom:43vw;
                left:54vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_2_1.png');
            }
        }
        &.lv_2{
            .shu_gan{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_gan_2.png');
                background-size:33.3vw 76.9vw;
            }
            .ye_1{
                width:69vw;
                height:28vw;
                bottom:65vw;
                left:16.9vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_4.png');
            }
            .ye_2{
                width:24vw;
                height:14.5vw;
                bottom:50vw;
                left:23vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_5.png');
            }
            .ye_3{
                width:21.3vw;
                height:11vw;
                bottom:52vw;
                left:54vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_6.png');
            }
            .ying_1{
                width:60.9vw;
                height:19vw;
                bottom:63vw;
                left:22vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_4_1.png');
            }
            .ying_2{
                width:22.1vw;
                height:12vw;
                bottom:48.5vw;
                left:23vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_5_1.png');
            }
            .ying_3{
                width:23.69vw;
                height:13vw;
                bottom:47vw;
                left:51vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_6_1.png');
            }
        }
        &.lv_3{
            .shu_gan{
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_gan_3.png');
                background-size:34.4vw 84vw;
            }
            .ye_1{
                width:77vw;
                height:33.3vw;
                bottom:75vw;
                left:13.9vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_7.png');
            }
            .ye_2{
                width:27.5vw;
                height:15vw;
                bottom:68vw;
                left:18vw;
                z-index: 18;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_8.png');
            }
            .ye_3{
                width:62.5vw;
                height:20vw;
                bottom:52vw;
                left:20vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_9.png');
            }
            .ying_1{
                width:74vw;
                height:22vw;
                bottom:73vw;
                left:16vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_7_1.png');
            }
            .ying_2{
                width:28vw;
                height:14vw;
                bottom:66vw;
                left:18vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_8_1.png');
            }
            .ying_3{
                width:66vw;
                height:19vw;
                bottom:49vw;
                left:18vw;
                background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shu_9_1.png');
            }
        }
    }
    .money{
        width:inherit;
        height:inherit;
        bottom:0;
        left:0;
        z-index:10;
        pointer-events:none;
        >view{
            position:absolute;
            left:20vw;
            bottom:66vw;
            width:12vw;
            height:12vw;
            z-index:8;
            background-size:100% 100%;
            background-image:url('//resource.160nurse.com/canvas/healthy/img/zou_lu/jin_bi_1.png');
            &:nth-of-type(2){
                bottom:48vw;
                left:56vw;
            }
            &:nth-of-type(3){
                bottom:61vw;
                left:39vw;
            }
            &:nth-of-type(4){
                bottom:53vw;
                left:27vw;
            }
            &:nth-of-type(5){
                bottom:42vw;
                left:55vw;
            }
            &:first-of-type.p_0,&:nth-of-type(2).p_1,&:nth-of-type(3).p_2,&:nth-of-type(4).p_3,&:nth-of-type(5).p_4{
                animation: jin_bi 2s linear 0s 1;
                opacity:0;
            }
        }
        &.lv_2{
            >view{
                left:30vw;
                bottom:46vw;
                &:nth-of-type(2){
                    bottom:63vw;
                    left:64vw;
                }
                &:nth-of-type(3){
                    bottom:66vw;
                    left:42vw;
                }
            }
        }
        &.lv_3{
            >view{
                left:20vw;
                bottom:57vw;
                &:nth-of-type(2){
                    bottom:74vw;
                    left:63vw;
                }
                &:nth-of-type(3){
                    bottom:75vw;
                    left:43vw;
                }
                &:nth-of-type(4){
                    bottom:53vw;
                    left:56vw;
                }
            }
        }    
    }
    .niao{
        width:12vw;
        height:16vw;
        bottom:96vw;
        left:46vw;
        z-index:8;
        cursor:pointer;
        pointer-events:auto;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/niao_1.png');
        &.on{
            transform:translate(0,-12vw) !important;
        }
        &.on2{
            transform:translate(0,-9vw) !important;
        }
        &.lv_2{
            bottom:106vw;
        }
        &.lv_3{
            bottom:122vw;
        }
    }
    .di{
        width:100vw;
        height:50.9vw;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/di_1.png');
        z-index:7;
        bottom:0;
        left:0;
    }
    .shan{
        width:100vw;
        height:23.7vw;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/shan_1.png');
        z-index:6;
        bottom:42vw;
        left:0;
    }
    .kuang,.jin_du{
        padding:0 4vw;
        line-height:7vw;
        height:7vw;
        left:46vw;
        bottom:63vw;
        background:#fff;
        border-radius:3vw;
        font-size:@size_12;
        z-index:66;
        box-shadow:0 0 4px rgba(0,0,0,0.2);
        color:@color_text;
        &:before{
            content:'';
            border-left: 1.5vw solid transparent;     
            border-right: 1.5vw solid transparent;  
            border-top: 3vw solid #fff;
            position:absolute;
            bottom:-1.5vw;
            left:3vw;
            display: block;
            transform:rotateZ(30deg);
        }
        &.off{
            opacity:0;
        }
        &.type_1{
            right:5vw;
            bottom:36vw;
            transform:scale(0,0);
            transform-origin:center center;
            left:auto;
            &:before{
                left:16vw;
            }
            &.on{
                transform:scale(1,1);
            }
        }
    }
    .jin_du{
        opacity:0;
        color:@color_text;
        max-width:70%;
        min-height:7vw;
        height:auto;
        left:50%;
        transform:translate(-50%,0);
        white-space: nowrap;
        bottom:126vw;
        font-size:@size_12;
        &:before{
            transform:rotateZ(0) translate(-50%,0);
            left:50%;
        }
        &.on{
            opacity:1;
            animation:fang_da3 0.5s linear 0s 1;
        }
        &.lv_2{
            bottom:136vw;
        }
        &.lv_3{
            bottom:152vw;
        }
        .h1,.h2{
            text-align: center;
            font-size:@size_12;
            line-height:7vw;
            margin-bottom:1vw;
        }
        .h2{
            color:#ec4d00;
        }
        .tiao{
            width:100%;
            height:2vw;
            border-radius:1vw;
            overflow: hidden;
            background:#eee;
            margin:1vw 0 0vw 0;
            view{
                width:5%;
                height:2vw;
                background:#ec4d00;
                border-radius:1vw;
            }
        }
    }
    .yun{
        width:200vw;
        height:138vw;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/tree/yun_1.png');
        background-position:left bottom;
        z-index:1;
        bottom:30vw;
        left:0;
//      animation: move_time 200s linear -50s infinite;
        &.type_1{
            display: none;
//          animation: move_time 200s linear 50s infinite;
        }
    }
}
.sou_suo_tiao{
    width:60vw;
    position:absolute;
    top:3vw;
    left:3vw;
    height:5vw;
    line-height:5vw;
    padding:2vw 5vw 2vw 12vw;
    border-radius:5vw;
    overflow: hidden;
    font-size:@size_14;
    color:#999;
    background-image:url('//resource.160nurse.com/canvas/healthy/img/common/tb_53.png');
    background-size:5vw 5vw;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:left 4vw center;
    z-index:8;
//  box-shadow:1px 1px 4px rgba(0,0,0,0.2);
    opacity:0.9;
    display:none;
    &.por{
        position:relative;
        left:auto;
        top:auto;
        margin-bottom:3vw;
        width:76vw;
    }
    &.on{
        display: block;
    }
}
.sou_suo_win{
    position:fixed;
    top:0;
    left:0;
    z-index:10;
    width:100vw;
    height:100vh;
    background:#ff322b;
    overflow: hidden;
    box-sizing: border-box;
    transform:translate(0,100vh);
    .fd{
        padding:3vw 0 0 0;
        background:#f1f1f1;
        border-radius:5vw 5vw 0 0;
        width:100vw;
        height:100vh;
    }
    .left{
        width:58vw;
        top:3vw;
        left:3vw;
        height:5vw;
        line-height:5vw;
        padding:1.5vw 5vw 1.5vw 12vw;
        border-radius:5vw;
        overflow: hidden;
        font-size:@size_14;
        color:#999;
        background-image:url('//resource.160nurse.com/canvas/healthy/img/common/tb_53.png');
        background-size:5vw 5vw;
        background-color:#fff;
        background-repeat:no-repeat;
        background-position:left 4vw center;
        z-index:8;
        float: left;
        margin:0 0 0 3vw;
    }
    .right{
        float:right;
        width:22vw;
        text-align: center;
        font-size:@size_16;
        color:@color_text;
        line-height:9.5vw;
    }
    .h1{
        width:100vw;
        font-size:@size_12;
        color:@color_text;
        padding:0 3vw;
    }
    .ul{
        padding:3vw 3vw 3vw 0;
        overflow: hidden;
        position:relative;
        .li,.tab{
            float: left;
            padding:0 4vw;
            line-height:7vw;
            max-width:70vw;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size:@size_12;
            color:@color_text;
            background:#fff;
            border-radius:3.5vw;
            margin-left:3vw;
            margin-bottom:3vw;
        }
        .tab{
            margin-left:50%;
            transform:translate(-50%,0);
            pointer-events: none;
        }
    }
    form{
        display: block;
        padding-bottom:2vw;
    }
    &.on{
        transform:translate(0,0);
    }
}

.gift_giving{
    .fd{
        width:60vw;
        position:absolute;
        top:0;
    }
}

.qian_xuan_ze{
    position:fixed;
    top:0;
    left:0;
    z-index:10;
    width:100%;
    height:100%;
    .fd{
        width:80vw;
        overflow: hidden;
        background:#fff;
        position:absolute;
        top:20%;
        left:10vw;
        border-radius:3vw;
        z-index: 2;
        button{
            border:0;
            padding:0;
            margin:;
            background:none;
            background-image:url('//resource.160nurse.com/canvas/healthy/img/common/qian_13.png');
            background-repeat:no-repeat;
            background-size:18vw;
            background-position:center top 8vw;
            width:50%;
            line-height:5vw;
            padding-top:25vw;
            padding-bottom:8vw;
            float: left;
            font-size:@size_14;
            color:@color_main;
        }
        button:first-of-type{
            background-image:url('//resource.160nurse.com/canvas/healthy/img/common/qian_14.png');
        }
    }
}

.Notice{
    position:fixed;
    z-index:999;
    .fd{
        position:absolute;
        z-index:2;
        width:80%;
        top:50%;
        left:10%;
        transform:translate(0,-50%);
        background:#fff;
        border-radius:4vw;
        box-sizing: border-box;
        padding:5vw 8vw;
        .h1{
            text-align: center;
            font-size:@size_16;
            color:@color_main;
        }
        .p{
            margin:3vw 0 0 0;
            text{
                display: block;
                color:@color_main;
                font-size:@size_14;
                line-height:5vw;
                margin-top:2vw;
            }
        }
    }
}


.g_share_an{
    z-index:14;
    .fd{
        position:absolute;
        z-index:2;
        background:#fff;
        bottom:0;
        left:0;
        width:100%;
        height:60vw;
        overflow: hidden;
        .h1{
            font-size:@size_16;
            color:@color_main;
            line-height:8vw;
            position:relative;
            text-align: center;
            margin:3vw 0 8vw 0;
        }
        .h1:after,.h1:before{
            content:'';
            display: block;
            width:18vw;
            position:absolute;
            top:4vw;
            height:1px;
            left:20vw;
            z-index: 2;
            background:#ddd;
        }
        .h1:after{
            left:auto;
            right:20vw;
        }
        button{
            float: left;
            width:35vw;
            height:30vw;
            margin-left:15vw;
            padding:20vw 0 0 0;
            box-sizing: border-box;
            background:none;
            background-size:16vw;
            background-repeat:no-repeat;
            background-image:url('//resource.160nurse.com/canvas/healthy/img/common/an_3.png');
            background-position:center top 2vw;
            font-size:@size_14;
            color:@color_text;
            text-align: center;
        }
        button:nth-of-type(2){
            margin:0;
            background-image:url('//resource.160nurse.com/canvas/healthy/img/common/an_4.png');
        }
    }
    &.off{
        display:none;
    }
}

.g_share_index{
    z-index:17;
    overflow: hidden;
    .fd{
        width:80vw;
        left:10vw;
        position:absolute;
        z-index:2;
        top:50%;
        transform:translate(0,-50%);
        .canvas{
            width:80vw;
            height:130vw;
            overflow:hidden;
            border-radius:4vw;
            margin-bottom:5vw;
            background:#fff;
            border-radius:4vw;
            canvas{
                width:160vw;
                height:260vw;
                position:absolute;
                left:-200vw;
            }
            image{
                width:80vw;
                height:130vw;
            }
            text{
                position:absolute;
                z-index:2;
                top:0;
                left:0;
                display: block;
                width:100%;
                height:100%;
                line-height:130vw;
                font-size:@size_16;
                color:@color_text;
                text-align: center;
                &.off{
                    display:none;   
                }
            }
        }
        .an{
            background:#00D2C3;
            color:#fff;
            text-align: center;
            line-height:12vw;
            height:12vw;
            border-radius:6vw;
            font-size:@size_16;
        }
    }
}
.g_banner2{
    width:100vw;
    height:100vw;
    image{
        width:100vw;
        height:100vw;
    }
}

.chou_jiang,.tuo_mao{
    position:fixed;
    z-index:15;
    bottom:36vw;
    right:0;
    width:16vw;
    height:16vw;
    display: block;
    background:url('//resource.160nurse.com/canvas/healthy/img/common/mall_icon_3.png');
    background-size:100% 100%;
}
.tuo_mao{
    width:14vw;
    height:14vw;
    bottom:38vw;
    background-image:url('//resource.160nurse.com/canvas/healthy/img/common/an_11.png');
}
.header {
    position: relative;
    .banner {
        width: 100%;
        display: block;
    }
    .tip {
        position: absolute;
        text-align: center;
        background-color: #D40439;
        width: 100%;
        top: 0;
        font-size: 3.6vw;
        line-height: 7vw;
        color: #fff;
        swiper {
            height: 7vw;
            .goods {
                display: inline-block;
                color: #FFD860;
                width: 28vw;
                height: 5vw;
                padding: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
        }
    }
    .procedure {
        width: 94vw;
        margin-left: 3vw;
        position: absolute;
        left: 0;
        bottom: -2vw;
    }
    &.type_1{
        position:fixed;
        bottom:12vw;
        left:0;
        z-index:2;
        width:100%;
        height:10vw;
        line-height:10vw;
        .tip {
            background:none;
            swiper {
                .goods {
                    width: 20vw;
                }
            }
        }
    }
}

.Medical_index{
    background:#04D2C3;
    min-height:100vh;
    box-sizing: border-box;
    padding:4vw 0 16vw 0;
    &.bottom_off{
        padding:4vw 0 0 0;
    }
    .TabList{
        width:100vw;
        text-align: center;
        .li{
            width:24vw;
            display: inline-block;
            image{
                width:10vw;
                height:10vw;
                display: block;
                margin-left:7vw;
            }
            text{
                display:block;
                width:100%;
                font-size:@size_14;
                color:#fff;
                line-height:5vw;
            }
        }
    }
    .overflow{
        background:#fff;
        margin-top:4vw;
        padding-top:8vw;
        border-radius:4vw 4vw 0 0;
        min-height:calc(~'100vh - 22vw');
        &.height{
            min-height:calc(~'100vh - 16vw');
        }
    }
    .IconList{
        padding:0 4vw 4vw 4vw;
        overflow: hidden;
        .li{
            float: left;
            margin-left:4vw;
            image{
                width:28vw;
                height:14.27vw;
            }
        }
        .li:first-of-type{
            margin-left:0;
        }
    }
    .WrdsLins{
        padding:0 4vw;
        .title{
            font-size:@size_14;
            color:@color_text;
            font-weight:bold;
            margin-bottom:4vw;
        }
        .li{
            margin-bottom:4vw;
            padding-bottom:4vw;
            overflow: hidden;
            border-bottom:1px solid @color_xian;
            .le{
                float: left;
                width:25vw;
                height:22vw;
                border-radius:2vw;
                overflow: hidden;
                position:relative;
                image{
                    width:inherit;
                    height:inherit;
                }
            }
            .le.video:before{
                content:'';
                width:6vw;
                height:6vw;
                position:absolute;
                top:calc(~'50% - 3vw');
                left:calc(~'50% - 3vw');
                z-index:4;
                display:block;
                background-image:url('//resource.160nurse.com/canvas/healthy/img/coterie/an_1.png');
                background-size:100% 100%;
            }
            .ri{
                float:right;
                width:63vw;
                .ti{
                    font-size:@size_16;
                    color:@color_text;
                    line-height:5vw;
                    max-height:10vw;
                    word-break: break-all;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical; 
                    -webkit-line-clamp:2;
                    overflow: hidden;
                }
                .tab{
                    overflow: hidden;
                    width:100%;
                    height:5vw;
                    margin-top:2vw;
                    .b{
                        float: left;
                        line-height:5vw;
                        height:5vw;
                        box-sizing: border-box;
                        padding:0 2vw;
                        border-radius:1vw;
                        background:#f3f3f3;
                        color:#999;
                        margin-right:1vw;
                        font-size:@size_10;
                    }
                }
                .num{
                    width:100%;
                    overflow: hidden;
                    color:@color_font;
                    line-height:5vw;
                    height:5vw;
                    font-size:@size_12;
                    margin-top:1vw;
                    .time{
                        float:left;
                    }
                    .pre{
                        float:right;
                    }
                }
            }
            &.type_1{
                .le{
                    width:92vw;
                    height:50vw;
                    &.video:before{
                        content:'';
                        width:10vw;
                        height:10vw;
                        position:absolute;
                        top:calc(~'50% - 5vw');
                        left:calc(~'50% - 5vw');
                    }
                }
                .ri{
                    width:100%;
                    margin:0;
                    .ti{
                        margin:4vw 0;
                    }
                    .tab{
                        margin:0 0 2vw 0;
                    }
                }
            }
        }
        .h2{
            padding-bottom:4vw;
            text-align: center;
            line-height:16vw;
            font-size:@size_14;
            color:@color_font;
        }
    }
    .ClassList{
        padding:0 4vw;
        overflow: auto;
        width:92vw;
        height:6vw;
        white-space: nowrap;
        .li{
            cursor: pointer;
            padding:0 3vw;
            margin-right:3vw;
            float: left;
            height:6vw;
            line-height:6vw;
            color:#fff;
            border-radius:3vw;
            font-size:@size_14;
            &.on{
                background:rgba(255,255,255,0.4);
            }
        }
    }
}
.Medical_detail{
    background:#04D2C3;
    overflow: hidden;
    .overflow{
        background:#fff;
        margin-top:4vw;
        padding:4vw 4vw 0 4vw;
        border-radius:4vw 4vw 0 0;
    }
    .title{
        .ti{
            font-size:6vw;
            color:@color_main;
        }
        .ove{
            overflow: hidden;
            padding-top:2vw;
        }
        .le,.ri{
            font-size:@size_12;
            color:@color_font;
            float: left;
            margin-right:3vw;
        }
        .ri{
            float: right;
        }
    }
    .words{
        font-size:@size_16;
        color:@color_main;
        image{
            width:100% !important;
        }
    }
    .img{
        width:100%;
        margin:4vw 0;
    }
    .peopleList {
        padding: 3vw 5vw;
        border: 1px solid #f5f5f5;
        overflow: hidden;
        display: block;
        .left {
            float: left;
            font-size: 3vw;
            line-height:7vw;
            color: #aaa;
            image {
                width: 9vw;
                height: 9vw;
                border-radius: 50%;
                margin-right: 2vw;
                vertical-align: middle;
            }
        }
        .right {
            float: right;
            height:9vw;
            image {
                margin-top:3.5vw;
                width: 2vw;
                height:2vw;
                display: block;
            }
        }
    }
    .goods{
        margin-top:5vw;
        width:100%;
        padding:4vw;
        box-sizing: border-box;
        border-radius:2vw;
        background:#F5F5F5;
        overflow: hidden;
        .img{
            margin:0;
            width:24vw;
            height:24vw;
            float: left;
            image{
                width:100%;
                height:100%;
            }
        }
        .right{
            position:relative;
            width:55vw;
            float:right;
             .name{
                font-size:@size_16;
                color:@color_main;
                line-height:6vw;
                height:12vw;
                overflow: hidden;
                word-break: break-all;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical; 
                -webkit-line-clamp:2;
            }
            .money{
                font-size:@size_14;
                color:#FFA229;
                line-height:6vw;
                text{
                    color:@color_main;
                }
            }
            .num{
                line-height:6vw;
                font-size:@size_12;
                color:@color_font;
                text-decoration: line-through;
            }
            .click{
                position:absolute;
                bottom:0;
                right:0;
                border-radius:4vw;
                line-height:7vw;
                padding:0 3vw;
                border:1px solid #FFA229;
                box-sizing: border-box;
                font-size:@size_14;
                color:#FFA229;
            }
        }
    }
}


.commentList {
    .commitTitle {
        line-height: 12vw;
        padding-left: 5vw;
        font-size: 3.6vw;
        border-bottom: 1px solid #f5f5f5;
    }
    .com_off{
        margin:0 0 0 25vw;
        width:50vw;
        height:40vw;
        background-image:url('http://resource.160nurse.com/canvas/healthy/img/common/nores.png');
        background-size:100%;
        background-repeat:no-repeat;
    }
    .commentDetail {
        border-bottom: 1px solid #f5f5f5;
        padding: 3vw 5vw;
        overflow: hidden;
        //          display: flex;
        .left {
            float: left;
            width: 8vw;
            height: 8vw;
            margin-right: 2vw;
            border-radius:50%;
            overflow: hidden;
            image {
                width: 100%;
                height: 100%;
                margin-right: 2vw;
                vertical-align: middle;
            }
        }
        .right {
            width: 80vw;
            float: left;
            //              flex: 1;
            .title {
                font-size: 3.6vw;
                color: #666;
                overflow: hidden;
                .userName {
                    float: left;
                }
                .sorts {
                    float: right;
                    font-size: 3vw;
                }
            }
            .date {
                font-size: 3vw;
                color: #999;
            }
            .texts {
                font-size: 3.8vw;
                padding: 1vw 0;
                line-height: 6vw;
            }
            .unit {
                display: block;
                //                  display: flex;
                flex-direction: row-reverse;
                .message {
                    float: right;
                    font-size: 3vw;
                    color: #aaa;
                }
                .agree {
                    float: right;
                    font-size: 3vw;
                    color: #aaa;
                    margin-left: 2vw;
                    padding-left: 5vw;
                    background-image: url('//resource.160nurse.com/canvas/healthy/img/common/zan_3.png');
                    background-size: 4vw;
                    background-position: center left;
                    background-repeat: no-repeat;
                    &.on {
                        pointer-events:none;
                        color: #FB5053;
                        background-image: url('//resource.160nurse.com/canvas/healthy/img/common/zan_2.png');
                    }
                }
                image {
                    width: 4vw;
                    float: left;
                    margin: 0.5vw 1vw 0 0;
                }
            }
        }
        .messageDetail {
            margin: 2vw 0 0 10vw;
            .detail {
                font-size: 3.6vw;
                line-height: 6vw;
                padding: 0 2vw 2vw 2vw;
                background-color: #f5f5f5;
                border-radius: 1vw;
                display:none;
                position: relative;
                &:first-of-type,&:nth-of-type(2){
                    display:block;
                }
                text {
                    color: rgb(0, 210, 195);
                }
                .b {
                    display: inline-block;
                    color: #00D2C3;
                    margin-right: 1vw;
                }
                .msg {
                    position: absolute;
                    right: 2vw;
                    top: 2vw;
                    color: #aaa;
                    font-size: 3vw;
                    image {
                        width: 4vw;
                        vertical-align: middle;
                        margin-left: 1vw;
                    }
                }
            }
            .detail:first-of-type {
                padding-top: 2vw;
            }
            &.on{
                .detail{
                    display:block;
                }
            }
        }
        .an{
            color:#00D2C3;
            background-color: #f5f5f5;
            font-size:3vw;
            line-height:4.5vw;
            height:7vw;
            margin-left:10vw;
            text-align: center;
            border-radius:0 0 1vw 1vw;
        }
    }
}
.addOther {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index:13;
    background-color: #fff;
    padding: 1.2vw 5vw 0 1vw;
    height: 14vw;
    line-height: 6vw;
    overflow: hidden;
    box-sizing: border-box;
    border-top: 1px solid #f5f5f5;
    .isOk,.head{
        margin-left: 5vw;
        float: left;
        font-size: 3vw;
        text-align: center;
        color: #aaa;
        width: 12vw;
        box-sizing: border-box;
        padding-top: 6vw;
        background-image: url('//resource.160nurse.com/canvas/healthy/img/common/zan_13.png');
        background-size: 6vw;
        background-position: top center;
        background-repeat: no-repeat;
        &.on {
            pointer-events:none;
            color:#04D2C3;
            background-image: url('//resource.160nurse.com/canvas/healthy/img/common/zan_14.png');
        }
        //          image {FB5053
        //              margin-left: 0.5vw;
        //              width: 5vw;
        //          }
    }
    .head{
        background-image: url('//resource.160nurse.com/canvas/healthy/img/common/zan_12.png');
    }
    .share {
        margin-left: 8vw;
        float: left;
        font-size: 3vw;
        text-align: center;
        color: #aaa;
        padding-top: 6vw;
        background-image: url('//resource.160nurse.com/canvas/healthy/img/coterie/tab_9.png');
        background-size: 6vw;
        background-position: top center;
        background-repeat: no-repeat;
        //          image {
        //              width: 5vw;
        //          }
    }
    .speak {
        float: right;
        width: 40vw;
        height: 9vw;
        line-height: 9vw;
        margin-top: 1vw;
        padding: 0 3vw;
        box-sizing: border-box;
        border-radius: 4vw;
        font-size:3.6vw;
        color:#909090;
        background-color: #f5f5f5;
        input {
            font-size: 3.6vw;
            background: none;
            height: inherit;
            line-height: inherit;
        }
    }
    .click{
        margin:-1.2vw -5vw 0 0;
        border-radius:0;
        width:60vw;
        line-height: inherit;
        line-height:14vw;
        font-size:@size_16;
        font-weight:400;
        height:inherit;
        color:#fff;
        text-align: center;
        background:#04D2C3;
        float:right;
    }
    &.on{
        height:24vw;
    }
}

.g_cart{
    position:fixed;
    z-index:15;
    bottom:20vw;
    right:0;
    width:16vw;
    height:16vw;
    display:block;
    background:url('//resource.160nurse.com/canvas/healthy/img/common/mall_icon_1.png');
    background-size:100% 100%;
    &.on{
        background:url('//resource.160nurse.com/canvas/healthy/img/common/mall_icon_2.png');
    }
}
.ShoppingCart{
    background:@color_xian;
    width:100%;
    min-height:100vh;
    box-sizing: border-box;
    .list{
        .li{
            padding:4vw 4vw 3vw 4vw;
            background:#fff;
            border-radius:2vw;
            overflow: hidden;
            margin-bottom:4vw;
           .left{
               float: left;
               width:5vw;
               height:5vw;
               margin-top:9.5vw;
               margin-right:4vw;
               background:url('//resource.160nurse.com/canvas/healthy/img/common/gou_2.png');
               background-size:100% 100%;
           }
           .img{
               width:24vw;
               height:24vw;
               float: left;
               image{
                   width:inherit;
                   height:inherit;
               }
           }
           .right{
                width:54vw;
                float:right;
                .name{
                    font-size:@size_16;
                    color:@color_main;
                    line-height:8vw;
                    height:8vw;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
                .sku{
                    padding:0 9vw 0 3vw;
                    margin:2vw 0 0 0;
                    line-height:7vw;
                    font-size:@size_14;
                    color:@color_text;
                    background-color:@color_xian;
                    float: left;
                    border-radius:1vw;
                    background-image:url('//resource.160nurse.com/canvas/healthy/img/common/fan_2.png');
                    background-size:4vw 4vw;
                    background-repeat:no-repeat;
                    background-position: right 3vw center;
                }
                .money{
                    float:left;
                    width:100%;
                    font-size:@size_14;
                    color:@color_font;
                    line-height:6vw;
                    margin-top:2vw;
                }
           } 
           .ove{
               float: left;
               overflow: hidden;
               width:100%;
               padding-top:3vw;
               margin-top:3vw;
               border-top:1px solid @color_xian;
                .money{
                   float: left;
                   font-size:@size_14;
                   color:@color_text;
                   line-height:6vw;
                }
                .num{
                    float:right;
                    border:1px solid @color_xian;
                    line-height:6vw;
                    height:6vw;
                    border-radius:3vw;
                    width:calc(~'20vw + 2px');
                    overflow: hidden;
                    view{
                        height:inherit;
                        line-height:6vw;
                        font-size:@size_14;
                        color:@color_text;
                        text-align: center;
                    }
                    .false,.true{
                        float: left;
                        font-size:@size_16;
                        width:6vw;
                        cursor:pointer;
                        background-image:url('//resource.160nurse.com/canvas/healthy/img/common/false_1.jpg');
                        background-size:70% 70%;
                        background-position:right center;
                        background-repeat:no-repeat;
                    }
                    .size{
                        float: left;
                        width:8vw;
                        height:inherit;
                    }
                   .true{
                        background-position:left center;
                        float:right;
                        background-image:url('//resource.160nurse.com/canvas/healthy/img/common/true_1.jpg');
                    }
                }
            }
            &.on{
                .left{
                    background-image:url('//resource.160nurse.com/canvas/healthy/img/common/gou_3.png');
                }
            }
        }
    }
    .cart_get{
        padding:0;
        box-sizing: border-box;
        height:14vw;
        line-height:14vw;
        color:@color_text;
        font-size:@size_14;
        view{
            height:inherit;
            line-height:inherit;
        }
        .click{
            padding-left:7vw;
            margin-left:4vw;
            float: left;
            background-image:url('//resource.160nurse.com/canvas/healthy/img/common/gou_2.png');
            background-size:5vw 5vw;
            background-position:left center;
            background-repeat:no-repeat;
            &.on{
                background-image:url('//resource.160nurse.com/canvas/healthy/img/common/gou_3.png');
            }
        }
        .right{
            float:right;
            width:48vw;
            overflow: hidden;
            margin-right:3vw;
            text-align:right;
            text{
                color:#FD7F47;
            }
        }
        .get{
            float:right;
            background-image:linear-gradient(to right, #FF6444,#FD7F47);
            width:30vw;
            text-align: center;
            color:#fff;
            font-size:@size_14;
        }
    }
}
.user_auth, .run_auth{
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.6);
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user_content {
  width: 72vw;
  height: 73.86vw;
  background: #F5F5F5;
  border-radius: 3.2vw;
  text-align: center;
}
.user_content image {
  width: 21.06vw;
  height: 24vw;
}
.user_content .auth_img {
  padding-top: 8.53vw;
}
.txt {
  font-size: 3.2vw;
  color: #666666;
  margin-top: 3.2vw;
}
.auth_text {
  color: #333;
  font-size: 4vw;
  font-weight: 600;
  font-family:PingFangSC-Semibold;
  margin-top: 5.33vw;
}
.auth_small_text {
  color: #FFA229;
  font-size: 3.2vw;
  font-weight: 400;
  font-family:PingFangSC-Regular;
  margin-top: 3.2vw;
}
.go_ahead {
  margin-top: 5.33vw;
  color: #fff;
  background: #00D2C3;
  border-radius: 0 0 3.2vw 3.2vw;
  font-size: 4vw;
  font-weight: 600;
  height: 13.8vw;
  line-height: 13.8vw;
  font-family: PingFangSC-Semibold;
}

.BadgeIndex{
    padding-bottom:4vw;
    box-sizing: border-box;
    min-height:100vh;
    background:url('//resource.160nurse.com/canvas/healthy/img/badge/bg_4.png') no-repeat;
    background-size:100vw;
    background-color:#fff;
//  background-image:linear-gradient(to bottom , #04D2C3 0,#E9ECFF 100vh);
    .wrds{
        overflow:hidden;
        padding:20vw 4vw 0 4vw;
        margin-bottom:12vw;
        .h1{
            font-size:5.8vw;
            color:#fff;
            margin-bottom:1vw;
        }
        .font{
            margin-top:2vw;
            border-radius:5vw;
            line-height:7vw;
            height:7vw;
            padding-left:7vw;
            padding-right:4vw;
            font-size:@size_16;
            color:#fff;
            display: block;
            float:left;
            background:url('//resource.160nurse.com/canvas/healthy/img/badge/xing.png') no-repeat;
            background-size:5vw;
            background-position:left 1vw center;
            background-color:rgba(0,0,0,0.2);
            text{
                margin-left:1vw;
                color:#FFB937;
            }
        }
    }
    .ul{
        margin:4vw 4vw 0 4vw;
        background:#fff;
        border-radius:2vw;
        box-sizing:border-box;
        padding:4vw; 
        overflow: hidden;
        box-shadow:0 0 2vw rgba(0,0,0,0.1) ;
        .h2{
            display: block;
            text-align: center;
            color:@color_main;
            font-size:@size_16;
            margin-bottom:4vw;
        }
        .li{
            width:28vw;
            float: left;
            margin-top:4vw;
            height:31vw;
            .img{
                width:18vw;
                margin-left:5vw;
//              pointer-events:none;
                position:relative;
                image{
                    width:100%;
                }
                &.on{
//                  pointer-events:auto;
                    &:after{
                        position:absolute;
                        right:0;
                        top:0.5vw;
                        content:'';
                        width:8vw;
                        height:4vw;
                        background:url('//resource.160nurse.com/canvas/healthy/img/badge/new.png') no-repeat;
                        background-position:top center;
                        background-size:100%;
                        display: block;
                        z-index: 2;
                    }
                }
            }
            text{
                line-height:6vw;
                display: block;
                text-align: center;
                color:#999;
                font-size:@size_14;
            }
        }
    }
    .window{
        position:fixed;
        top:0;
        left:100vw;
        z-index:13;
        height:100vh;
        overflow:auto;
        background-image:linear-gradient(to bottom , #04D2C3 0,#E9ECFF 100vh);
        .img{
            overflow: hidden;
            width:100vw;
            height:100vw;
            position:relative;
            background:url('//resource.160nurse.com/canvas/healthy/img/badge/bg_3.png') no-repeat;
            background-size:60vw;
            background-position: top 90vw center;
            .hua,.bg{
                width:inherit;
                height:inherit;
                position:absolute;
                z-index:3;
                background:url('//resource.160nurse.com/canvas/healthy/img/badge/bg_1.png') no-repeat;
                background-size:80vw;
                background-position: center center;
            }
            .hua{
                transform:scale(0,0);
            }
            .bg{
                animation: wait 10s linear 0s infinite;
                background-size:86vw;
                z-index:1;
                background-image:url('//resource.160nurse.com/canvas/healthy/img/badge/bg_2.png');
            }
            .icon{
                position:absolute;
                top:30vw;
                left:20vw;
                z-index:2;
                width:60vw;
                image{
                    width:100%;
                }
            }
            &.on{
                .hua{
                    transform:scale(1,1);
                }
            }
            &.off{
                .hua{
                    opacity:0;
//                  display:none;
                }
            }
        }
        .h1{
            text-align: center;
            color:#16978E;
            font-size:@size_16;
            line-height:8vw;
        }
        .p{
            text-align: center;
            color: #759F9C;
            font-size:@size_14;
            line-height:8vw;
        }
        .overflow{
            position:absolute;
            bottom:15vw;
        }
        .an{
            float: left;
            width:40vw;
            padding:0 4vw;
            text-align: center;
            color:#fff;
            font-size:@size_16;
            line-height:12vw;
            height:12vw;
            background:#00D2C3;
            border-radius:6vw;
            margin-left:13vw;
            image{
                vertical-align: sub;
                width:6vw;
                display:inline-block;
                margin-right:0.6vw;
            }
            &.type_1{
                margin-left:3vw;
                width:20vw;
                background:#FFB937;
            }
            &.off{
                background:#DBDBDB;
                color:#fff;
            }
            &.center{
                margin-left:26vw;
            }
        }
        &.on{
            left:0;
        }
    }
    .x{
        position:absolute;
        left:0;
        top:4vw;
        z-index:3;
        padding:0 4vw;
        line-height:9vw;
        text-align: center;
        color:#fff;
        background:#ffb400;
        border-radius:0 5vw 5vw 0;
        cursor:pointer;
        font-size:@size_14;
    }
}

@keyframes img_get{
    0%{
        transform:scale(3,3);
    }
    90%{
        transform:scale(0.9,0.9);
    }
    100%{
        transform:scale(1,1);
    }
}

.badge_window{
    left:-100vw;
    .hua{
        transform:scale(0,0);
        position:absolute;
        z-index:4;
        top:calc(~'40% - 40vw');
        left:10vw;
        width:80vw;
        height:80vw;
        background:url('//resource.160nurse.com/canvas/healthy/img/badge/bg_1.png') no-repeat;
        background-size:100%;
        background-position: top center;
        pointer-events:none;
    }
    .img{
        position:absolute;
        top:calc(~'40% - 30vw');
        left:20vw;
        z-index:3;
        width:60vw;
        image{
            width:100%;
        }
    }
    .x{
        position:absolute;
        top:calc(~'40% + 34vw');
        left:46vw;
        width:12vw;
        height:12vw;
        z-index:2;
        cursor:pointer;
        background:url('http://resource.160nurse.com/canvas/healthy/img/gold_chicken/close.png') no-repeat center center; 
        background-size:10vw 10vw;
    }
    &.on{
        z-index:92;
    }
    &.get{
        left:0;
        opacity:1;
        .img{
            animation: img_get 0.4s linear 0s 1 ;
        }
    }
    &.hua{
        .hua{
            transform:scale(1,1);
        }
    }
    
}
